用less語法寫背景圖片地址,總是遇到這個報錯;
原因:利用webpack打包文件時,未使用圖片加載器;
解決:
1、加上了file-loader或者url-loader;
2、正確配置路徑,否則會導致404;
在 webpack 中會將圖片當做模塊來用,比如:[{img:require(’./src.jpg’)}]因爲是動態加載的,所以 url-loader 將無法解析圖片地址。
常見的解決辦法有兩種:
a、用 require 蔣圖片作爲模塊加載,這時候 webpack 打包時,會將 require 打包成模塊。
b、將圖片放到 static 目錄下,但必須寫成絕對路徑,比如:[{img:’/static/src.jpg’}]。