webpack publicPath解决图片路径问题

2020-07-16  本文已影响0人  某时橙

本人也是刚入前端坑的小白,如有错误,望指正。
先上结论:publicPath”项被许多Webpack的插件用于在生产模式下更新内嵌到css、html文件里的url值。

image.png
比如有这样一个层级目录,其中bulit.css
image.png
引用了图片url,but相对于css目录下,并没有imgs这个目录,这个目录在bulid目录之下,我们该如何告诉webpack,我们的图片url在哪呢?
image.png
这里可以用到publicpath,就是告诉minicssextractplugin插件,喂,给我把url地址好好解析,从css文件目录的上级,即../开始解析!
当然,如果你能确定上级目录的文件夹名,你也可以把publicpath改成“built/”
这都是可以的,
改完之后,结果-> image.png
正常了,图片可以正确解析了。
上一篇下一篇

猜你喜欢

热点阅读