老师帮看一下

来源:5-5 使用file-loader处理CSS中的图片

要每天学习的小蓝同学

2021-06-13 14:57:12

http://img.mukewang.com/climg/60c5aa0109125d4b00000000.jpg

http://img.mukewang.com/climg/60c5aa01090b6c5406250440.jpg

http://img.mukewang.com/climg/60c5aab709dbe31812040897.jpg

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

写回答

1回答

好帮手慕久久

2021-06-15

同学你好,理解的不是特别准确,如下:

MiniCssExtractPlugin也有publicPath属性:

http://img.mukewang.com/climg/60c81252097e043a06770519.jpg

它用来为css中的图片等资源指定公共路径(可以调整css中的图片的路径)。如果只想修改css中的图片的路径,那么就在MiniCssExtractPlugin中配置publicPath即可(不是必须在file-loader中配置)。

在file-loader中也可以配置​publicPath,但是在此处配置会影响所有图片的路径,即可能会影响html中图片的路径,比如https://class.imooc.com/course/qadetail/292725该问中提到的问题,就是因为publicPath的位置不太恰当造成的,因此建议按照视频中老师的方案来配置。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程