老师帮看一下
来源:5-5 使用file-loader处理CSS中的图片
要每天学习的小蓝同学
2021-06-13 14:57:12



根据文档查看的话是图二的写法比较好,rules里边的两个test是不一样的,第一个是识别css再采用link方导入,第二个test才是识别css里边的图片的。所以publicpath不应该加在第一个test而是根据文档加在第二个的,使上下文更分明,视频中老师先加在第一个test那里,需要改动比较大,也不符合文档写发。不知道我理解对不对。我下载老师课程材料改了,效果没有错。过会我再自己做一次
1回答
同学你好,理解的不是特别准确,如下:
MiniCssExtractPlugin也有publicPath属性:

它用来为css中的图片等资源指定公共路径(可以调整css中的图片的路径)。如果只想修改css中的图片的路径,那么就在MiniCssExtractPlugin中配置publicPath即可(不是必须在file-loader中配置)。
在file-loader中也可以配置publicPath,但是在此处配置会影响所有图片的路径,即可能会影响html中图片的路径,比如https://class.imooc.com/course/qadetail/292725该问中提到的问题,就是因为publicPath的位置不太恰当造成的,因此建议按照视频中老师的方案来配置。
祝学习愉快!
相似问题