cant-load-background-image-error-unexpected-character-10

用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’}]。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章