scss编译图片,部分图片会出现background([object Module])的问题
原因
好像是处理背景图片的时候因为file-loader的版本太高,esModule默认为true,处理图片的时候,会有一定的问题,一些图片会被编译成base64,一些不会,但是不知道为啥一些图片正常,少部分图片不正常。
解决办法
1.改配置,新增配置(主要是设置esModule为false,不同的webpack有不同的配置方式,这里仅作思路引导)
config.module
.rule('images')
.use('url-loader')
.loader('url-loader')
.tap(options => Object.assign(options, { limit: 2000, esModule: false })); // 配置线上图片转base64。
2.降低url-loader和file-loader
亲测下面的版本有效
npm install --save file-loader@2.0.0
npm install --save-dev url-loader@1.1.2
本文来自博客园,作者:至善为止(如切如磋,如琢如磨),转载请注明原文链接:https://www.cnblogs.com/linzewei27/p/13926598.html