webpack.config.js中mudule的配置

mudule是對於不同的模塊的處理規則。

module的rules屬性代表不同的處理規則。rules是一個對象。對象的屬性有test、use、exclude、include。

use屬性是對象數組。數組的話，是從後往前解析。

對象的參數爲loader/options。

1是2的簡寫形式。3是4的簡寫形式。

1.

module:{
  	rules:[
  	{
  		test:/\.css$/,
  		use:[
  		"style-loader",
  		"css-loader"
  		]
  	}]
  },

2.

module:{
  	rules:[
  	{
  		test:/\.css$/,
  		use:[{loader:"style-loader"},{loader:"css-loader"}]
        }]
}

3

 {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude:/node_modules/
      },

4.

 {
        test: /\.js$/,
        use[{loader: 'babel-loader'}],
        exclude:/node_modules/
      },

總結：

   a.   Rule.loader是Rule.use[{loader}簡寫

  Rule.options是Rule.use[  {loptions}]縮寫

參考鏈接參考