webpack优化

栏目: JavaScript · 发布时间: 6年前

内容简介：1，增加CleanWebpackPlugin插件，作用是，清空之前的dist文件夹，避免文件积攒2，由于开发模式下会运行 HotModuleReplacementPlugin所以在本地build的时，会针对生成的新的dist文件，这样就触发了热更新并自动运行babel-loader，而babel-loader会生成新的转码文件，会使得dist文件夹下面增加不必要的转码文件。

1，增加CleanWebpackPlugin插件，作用是，清空之前的dist文件夹，避免文件积攒

2，由于开发模式下会运行 HotModuleReplacementPlugin

所以在本地build的时，会针对生成的新的dist文件，这样就触发了热更新并自动运行babel-loader，而babel-loader会生成新的转码文件，会使得dist文件夹下面增加不必要的转码文件。

此时需要在babel-loader里面增加exclude字段，不再转码dist文件夹

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

以上所述就是小编给大家介绍的《webpack优化》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！