美文网首页
webpack publicPath解决图片路径问题

webpack publicPath解决图片路径问题

作者: 某时橙 | 来源:发表于2020-07-16 09:14 被阅读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
    正常了,图片可以正确解析了。

    相关文章

      网友评论

          本文标题:webpack publicPath解决图片路径问题

          本文链接:https://www.haomeiwen.com/subject/wpbuhktx.html