Javascript Webpack 2 svg文件给出404错误
开始使用webpack。在我的一个css文件中,我有一个指向svg文件的url,但通过使用webpack,我在尝试加载此文件时遇到了404错误,尝试了几个加载程序,并且。我不知道为什么它不工作,有人能帮我或给一些信息吗 编辑Javascript Webpack 2 svg文件给出404错误,javascript,css,svg,webpack-2,Javascript,Css,Svg,Webpack 2,开始使用webpack。在我的一个css文件中,我有一个指向svg文件的url,但通过使用webpack,我在尝试加载此文件时遇到了404错误,尝试了几个加载程序,并且。我不知道为什么它不工作,有人能帮我或给一些信息吗 编辑 entry: [ './src\\main\\resources\\static\\webpack-js\\header.js' ], output: { path: path.join(__dirname, 'src/main/resources/stat
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
。我使用的css文件是header.js中的必需的
(输入文件)。现在在css文件中,我有这样的行
.vismaicon-menu.vismaicon-info:before {
background-image: url(/static/css/img/vismaicons/top_menu/menu_info.svg);
}
正如我所提到的,我尝试了一些加载svg文件的方法,但却遇到了404错误。是的,url是正确的,并且文件在那里,它在没有网页的情况下工作。除了svg以外的所有东西都在css文件中工作,我从中获得了一些东西。将我的加载程序forsvg
更改为这一个,给予更大的限制解决了我的问题
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: "url-loader?limit=1000000&mimetype=image/svg+xml"
},
请显示您的配置以及如何使用svg。在这里,您添加了几行代码