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