[問題] Webpack 圖片打包設定

看板Web_Design作者 (Kevin)時間3年前 (2021/01/25 13:15), 編輯推噓1(101)
留言2則, 1人參與, 3年前最新討論串1/1
各位大神們好,小弟最近剛開始研究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
猜測加上 resolve-url-loader 就可以了
01/27 17:05, 1F

01/27 17:05, 3年前 , 2F
文章代碼(AID): #1W3bFril (Web_Design)