七、css-loader的使用 ------ 2019-04-23

一、先讲css-loader的作用:css-loader是帮助webpack打包处理css文件的工具;

二、css-loader使用注意项:

(1)使用css-loader必须要配合使用style-loader:

(2)css-loader的作用是帮我们分析出各个css文件之间的关系,把各个css文件合并成一段css;

(3)style-loader的作用是将css-loader生成的css代码挂载到页面的header部分(见下图);

(4)多个loader配合使用时,处理顺序是:从下到上,从右到左 的顺序;


三、css-loader的配置:

在rules中新增一个节点配置项,多个loader一起使用的时候,use是一个数组;

你可能感兴趣的:(七、css-loader的使用 ------ 2019-04-23)