[問題] Webpack 圖片打包設定

作者: azrael60532 (Kevin)   2021-01-25 13:15:31
各位大神們好,小弟最近剛開始研究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
作者: hadoop (elephant)   2021-01-27 17:05:00
猜測加上 resolve-url-loader 就可以了https://www.npmjs.com/package/resolve-url-loader

Links booklink

Contact Us: admin [ a t ] ucptt.com