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
 

     


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM