Webpack 2 svg files дают 404 error

Question

Начал работу с webpack. В одном из моих файлов css у меня есть URL-адрес файла svg, но с помощью webpack я получаю ошибку 404 при попытке загрузить этот файл, попробовал несколько загрузчиков first, second и last. Не знаю, почему он не работает, может кто-нибудь помочь мне или дать какую-то информацию?

EDIT

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, который равен required в header.js (файл входа). Теперь в файле 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 на svg на этот и дающий больший предел разрешил мою проблему.

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