时间戳

首页 > 解决方案 > Webpack - CSS Loader 禁用捆绑图像但不禁用字体

webpack - Webpack - CSS Loader 禁用捆绑图像但不禁用字体

问题描述

我按照本指南将捆绑字体添加到我的项目中，但是 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/'
                }
            }]
        }

谢谢！

标签： webpack

解决方案

我设法通过安装ignore-loader和添加规则来解决这个问题

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

推荐阅读