尚未解答Web_Design- Webpack 圖片打包設定
Web_Design- Webpack 圖片打包設定
各位大神們好,小弟最近剛開始研究webpack
第一次接觸,大部分的設定都是google來的,設定上似懂非懂
前面雖然有點碰壁但是靠網路上各種文章幫忙下都有順利解決。
但我現在遇到圖片路徑的問題,怎麼試都毫無頭緒,只好上來請教各位大大,是不是我哪邊的設定錯了。希望大神們不吝指教,謝謝。
遇到的問題:
我目前已經成功把 pug/sass/js 打包轉譯到指定的資料夾內了
然後我接著想要用圖片的時候發現路徑會是錯的。程式碼上我在home.pug內用了一個 背景圖(路徑寫在sass裡)和一般的img tag
因為放 sass 的資料夾和 pug 的資料夾層級不同的關係,會導致輸出出來的 html,css
一個能讀到檔案 一個讀不到
目標需求:
希望能夠不管是 pug 裡用 img 或是 sass 裡用background-image 都能夠順利打包編譯到dist/assets/static/img
這邊附上github:
https://github.com/azrael60532/webpack-template
--
0個答案
Web_Design- Webpack 圖片打包設定