安装依赖;
cnpm i sass-loader -D
cnpm i node-sass -D
node-sass尽量去使用cnpm去安装
创建index2.scss文件
div {
h2 {
background: pink;
}
}
在main.js中引入
import "./css/index2.scss";
在webpack.config.js配置
module: {
rules: [
//所有第三方模块的匹配规则
{ test: /.css$/, use: ["style-loader", "css-loader"] },
// 配置less处理
{ test: /.less$/, use: ["style-loader", "css-loader", "less-loader"] },
{ test: /.scss$/, use: ["style-loader", "css-loader", "sass-loader"] },
],
},