webpack sass安装

  1. 安装sass的依赖包
npm install sass-loader -D

   2. // sass-loader 依赖于 node-sass,所以要安装node-sass 

npm install node-sass -D

   3. webpack的配置

// 第三方文件模块的匹配规则
  module: {
    rules: [
      // 文件后缀名的匹配规则
      // 以.css结尾的文件
      { test: /\.css$/, use: ['style-loader', 'css-loader'] },
      { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
      { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] }
    ]
  }

 

posted @ 2021-12-28 09:28  尘心i  阅读(318)  评论(0编辑  收藏  举报