本人也是刚入前端坑的小白,如有错误,望指正。
先上结论:publicPath”项被许多Webpack的插件用于在生产模式下更新内嵌到css、html文件里的url值。
![](https://img.haomeiwen.com/i23336154/0c47a7bd66d6f7d6.png)
比如有这样一个层级目录,其中bulit.css
![](https://img.haomeiwen.com/i23336154/865b3433a71d79c9.png)
引用了图片url,but相对于css目录下,并没有imgs这个目录,这个目录在bulid目录之下,我们该如何告诉webpack,我们的图片url在哪呢?
![](https://img.haomeiwen.com/i23336154/1f81c19ec960dd96.png)
这里可以用到publicpath,就是告诉minicssextractplugin插件,喂,给我把url地址好好解析,从css文件目录的上级,即../开始解析!
当然,如果你能确定上级目录的文件夹名,你也可以把publicpath改成“built/”
这都是可以的,
改完之后,结果->
![](https://img.haomeiwen.com/i23336154/314b1d465fd92e33.png)
正常了,图片可以正确解析了。
网友评论