style-loader、css-loader、less-loader处理less样式文件/style-loader、css-loader、sass-loader处理scss样式文件

less样式文件  :步骤同css样式的处理

1、cnpm i less-loader -D 安装less-loader加载器；cnpm i less -D 安装这个依赖；

2、配置规则：{test:/\.less$/,use:['style-loader','css-loader','less-loader']}  需要css样式的2个加载器；

 

 

scss样式文件  :步骤同css样式的处理

1、cnpm i sass-loader -D 安装sass-loader加载器；cnpm i node-sass -D 安装这个依赖；

2、配置规则：{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}  需要css样式的2个加载器；