javascript - webpack中less檔案路徑該怎麼設定

Question

在vue-cli腳手架中，我使用less設置背景圖片，但是遇到了一個問題，背景圖片路徑被莫名其妙的變成了less文件所在的路徑而不是header.vue組件所在的路徑

Answer 1

你設定的圖片的路徑出現了問題，

現在你依舊將圖片放在header資料夾裡，把路徑改一下

background-image:url("../../componments/header"+"@{img}@2.x.png")