webpack优化

时间 2019-12-09

标签 webpack 优化繁體版

原文原文链接

1，增长CleanWebpackPlugin插件，做用是，清空以前的dist文件夹，避免文件积攒babel

2，因为开发模式下会运行 HotModuleReplacementPlugin
因此在本地build的时，会针对生成的新的dist文件，这样就触发了热更新并自动运行babel-loader，而babel-loader会生成新的转码文件，会使得dist文件夹下面增长没必要要的转码文件。
此时须要在babel-loader里面增长exclude字段，再也不转码dist文件夹ui

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')],
        exclude: /dist/, // 再也不转码dist文件夹
        options: {
          cacheDirectory:true
        }
      },