編碼的世界 / 優質文選 / 生涯

webpack打包css中背景圖路徑報錯問題


2022年7月26日
-   

webpack打包css中背景圖路徑報錯問題
問題描述:明明打包成功,但是部署到後台時,卻發現背景圖丟失了




limit,代表如果小於大約4k則會自動幫你壓縮成base64編碼的圖片,否則拷貝文件到生產目錄 name,後面是打包後的路徑; loader,後面 limit 字段代表圖片打包限制,這個限制並不是說超過了就不能打包,而是指當圖片大小小於限制時會自動轉成 base64 碼引用

總結:出現這個問題的根本原因是limit限制問題,超過限制大小的圖片就會存放到一個公用文件中,我們只要配置好這個公用文件的路徑就可以了。沒有超出限制的圖片會轉義成base64的代碼,所以不會出問題。

熱門文章