Webpack-CSS加载程序禁用捆绑图像但不捆绑字体

Question

我按照本指南向我的项目中添加了捆绑字体，但是 background-image: url('anything.png')导致webpack（v4）告诉我，我需要一个适用于.png文件的加载器。我可以以某种方式禁用捆绑图像而不破坏捆绑字体的可能性吗？

我对此的解决方案是在css-loader

中添加一个参数

{
    test: /\.scss$/,
    use: ExtractTextPlugin.extract({
        use: ['css-loader?url=false', 'sass-loader']
    })
},

但这显然弄乱了

        {
            test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
            use: [{
                loader: 'file-loader',
                options: {
                    name: '[name].[ext]',
                    outputPath: 'fonts/'
                }
            }]
        }

谢谢！

Answer 1

我设法通过安装ignore-loader并添加规则来解决此问题

{
    test: /\.(jpe?g|png|gif)$/,
    use: 'ignore-loader' 
}