Webpack 2 svg文件給404錯誤

開始使用webpack。在我的一個css文件中，我有一個URL到一個svg文件，但通過使用webpack，當我嘗試加載這個文件時，出現404錯誤，嘗試了幾個加載程序first,second和last。不知道爲什麼它不工作，有人可以幫我或提供一些信息嗎？Webpack 2 svg文件給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我的模塊。我在header.js（入門文件）中使用required的css文件。現在，在CSS文件中我有這樣

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

線正如我提到我試過幾件事情要加載SVG文件，但我得到404錯誤。是的，網址是正確的，文件在那裏，它沒有webpack的作品。除了svg之外的所有東西都可以在css文件中運行，我從中獲得了一些東西。

來源

2017-02-22 Lukas Karmanovas

請顯示您的配置以及您如何使用svg。 – dmoo

在這裏你添加了幾行代碼 –

更改我的Loaders爲svg爲這一個，並給予更大的限制解決了我的問題。

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

來源

2017-02-23 16:04:34

Webpack 2 svg文件給404錯誤

回答

相關問題