[問題] 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
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.134.14.218 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1611551733.A.B2F.html
推
01/27 17:05,
3年前
, 1F
01/27 17:05, 1F
→
01/27 17:05,
3年前
, 2F
01/27 17:05, 2F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章