Question

开始使用webpack。在我的一个css文件中，我有一个svg文件的URL，但是通过使用webpack我在尝试加载此文件时遇到404错误，尝试了一些加载器first，second和last 。不知道为什么它不起作用，有人可以帮助我或提供一些信息吗？

编辑

entry: [
    './src\\main\\resources\\static\\webpack-js\\header.js'
],
output: {
    path: path.join(__dirname, 'src/main/resources/static/dist'),
    publicPath: '/src/main/resources/static/dist/',
    filename: 'bundle.js',
    libraryTarget: 'var',
    library: 'EntryPoint',
},
module: {
    loaders: [
        {
            test: /\.css$/,
            loader: 'style-loader!css-loader'
        },
        {
            test: /\.(jpe?g|png|gif|svg)$/,
            loader: 'url-loader'
        },
        {
            test: /\.js$/,
            loader: ['buble-loader'],
            exclude: '/node_modules/'
        }
    ],
}

这是webpack.config.js的模块。我在required（条目文件）中使用header.js的css文件。现在在css文件中我有这样的行

.vismaicon-menu.vismaicon-info:before {
    background-image: url(/static/css/img/vismaicons/top_menu/menu_info.svg);
}

正如我所提到的，我尝试了很少的东西来加载svg文件，但我收到404错误。是的url是正确的，文件在那里，它没有webpack工作。 svg以外的所有东西都在css文件中工作，我从中获取了一些东西。

Answer 1

将我Loaders的{{1}}更改为此版本，并提供更大的限制解决了我的问题。

svg

Webpack 2 svg文件给出了404错误

1 个答案: