webpack配置scss

cnpm  i  sass-loader -D
 cnpm  i  node-sass -D
 node-sass尽量去使用cnpm去安装

div {
    h2 {
        background: pink;
    }
}

import "./css/index2.scss";

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"] },
    ],
  },