关于webpack配置的一些简单说明

1.exclude/include

{
    test:/\.(js|jsx)$/,
    exclude:/node_modules/,
    use: {
       loader: "babel-loader"
    }
},
{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev- 
             server/client')]
},

exclude:表示哪些目录中的 .js 文件需要进行 babel-loader

include:表示哪些目录中的 .js 文件不需要进行 babel-loader

有些引入的第三方库，已经是js语法了，浏览器可以被识别了，不需要再被babel打包了，如果不写exclude，那么引入的第三方库还是需要被babel打包，打包的时间就变长了。

2. importLoaders

{
    test: /\.scss$/, use: [
      'style-loader',
      {
        loader: 'css-loader',
        options: {
          modules: true,
          importLoaders: 1
        }
      },
      'sass-loader'
    ]
},

imp