webpack配置scss

安装依赖；

 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$/,"css-loader","less-loader"] },{ test: /\.scss$/,"sass-loader"] },],},