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}]缩写

参考链接参考