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
 

     

posted @ 2020-11-04 16:29  至善为止  阅读(742)  评论(0编辑  收藏  举报