[问题] 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