javascript - webpack css 加载器 svg 和 png

Question

我有下一个 webpack 配置。

 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/
            },

构建 webpack 后出现错误:您可能需要一个合适的加载程序来处理这种文件类型。 在从 css 文件获取的 svg 字符串中。如何解决这个问题？

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)