作者azrael60532 (Kevin)
看板Web_Design
标题[问题] Webpack 图片打包设定
时间Mon Jan 25 13:15:31 2021
各位大神们好,小弟最近刚开始研究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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1611551733.A.B2F.html
1F:推 hadoop: 猜测加上 resolve-url-loader 就可以了 01/27 17:05