原因
好像是處理背景圖片的時候因為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
