Webpack解析css,less,scss

710 ワード

webpack

注意:インストールする前に、webpackプロジェクトが正常に動作することを保証します!

1.インストール依存

npm install style-loader css-loader -D

npm install less less-loader -D

2.webpackで構成する.json.jsの下で、ルールを追加します.


module.exports = {
  // ...
  module:{
    rules:[
      // ...
      //   css    
      {
        test: /.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      },
      
      // less        css         less-loader   ！
      {
        test: /.less$/,
        use: [
          'style-loader',
          'css-loader',
          'less-loader'
        ]
      }
    ]
  }
}

css selectドロップダウンボックスに背景色を追加

jspパスの問題はエラーではありません