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