Vue Cli with webpack 在v-bind:src的路徑編譯問題

最近在使用Vue Cli寫專案練習,把一些小坑的地方紀錄一下,當用Vue.js動態產生v-bind:src中的路徑時,webpack的htmlloader 或image-loader不會自動把你的路徑編譯到static下去產生。範例如下:

這邊就可以看到原本在開發的相對路徑不會自動被編譯,npm run dev後,圖片會出不來。以下改動一個地方就搞定了~webpack裏就是甚麼是一個元件,透過require就可以拉入

再次執行npm run dev,一切就順利囉!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *