Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Webpack 2 svg文件给出404错误_Javascript_Css_Svg_Webpack 2 - Fatal编程技术网

Javascript Webpack 2 svg文件给出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

开始使用webpack。在我的一个css文件中,我有一个指向svg文件的url,但通过使用webpack,我在尝试加载此文件时遇到了404错误,尝试了几个加载程序,并且。我不知道为什么它不工作,有人能帮我或给一些信息吗

编辑

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文件中工作,我从中获得了一些东西。

将我的
加载程序
for
svg
更改为这一个,给予更大的限制解决了我的问题

{
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
    loader: "url-loader?limit=1000000&mimetype=image/svg+xml"
},

请显示您的配置以及如何使用svg。在这里,您添加了几行代码