webpack之loader

loader是use的簡寫

module: {
  rules: [
    {
      test: /\.css$/,
      // loader: ['style-loader','css-loader?minimize'],      //這是簡寫
      
      use:[   //使用use 完整寫法
          'style-loader',
           {
            loader:'css-loader',
            options: {
              minimize:true,
            }
          },
        ]
    },

use屬性的值須要是個由loader名稱組成的數組。Loader的執行順序是由後到前的。

module:{
  rules:[
    {
      test:/\.css$/,   //正則匹配.css
      use:['style-loader','css-loader?minimize'],   // 從後往前執行
    }
  ]
}

npm i -D style-loader css-loader