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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM