webpack css загрузчик svg и png

Question

У меня есть следующий конфиг веб-пакета.

 plugins: [
        new CleanWebpackPlugin(['dist']),
        new HtmlWebpackPlugin()

    ],
    module: {
     rules: [
         {
             test: /\.css$/,
             use: [
                 'style-loader',
                 'css-loader'
             ]

         }
         ],
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015']
                },
                exclude: /node_modules/
            },

После сборки веб-пакета я получаю сообщение об ошибке: Вам может понадобиться соответствующий загрузчик для обработки этого типа файла. в строке svg, получаемой из файла css. Как можно решить эту проблему?

Answer 1

Добавьте url-loader или file-loader для обработки этих расширений.

        {
            test: /.(jpg|jpeg|png|svg)$/,
            use: ['file-loader'],
        },

(выдержка из https://github.com/akx/demystifying-webpack/blob/162137118dd54f30a6c98dd0ae8844dba733483e/webpack.config.js#L13-L16)