webpack的dist文件提交到git，怎么处理文件冗余问题?

Question

问题：webpack的dist文件提交到git，怎么处理文件冗余问题?

公司的前端项目是直接git上面提交webpack打包好的文件。比如我把文件提交到了prod目录里面

这里有一个问题，那就是假如我不去删除（清理）一次prod目录，这个目录会越来越大，原本才20m左右的打包项目，一个月左右就差不多变成1g了。

这样prod越来越大，很不易于多地编码。比如在加，更新一下最新的包要下载1g左右，时间很宝贵的。

请问大家是怎么处理这样的问题的？

Answer 1

第一，你为什么不删除呢？在进行webpack打包的时候应该先清空dist目录，然后再打包，这样之前的文件就是被删除的。
第二，实在不行，你就把整个项目源码(assets)提交到服务器上，让触发git的runners，然后让服务器帮你打包，这样git项目永远保存的都是未打包之前的源码

Answer 2

webpack打包会先删除dist文件目录，然后再重新创建dist的

Answer 3

先清空目录在构建打包

npm install clean-webpack-plugin --save-dev

//用于在构建前清除dist目录中的内容
const CleanWebpackPlugin = require('clean-webpack-plugin');
//清除dist构建目录文件
plugins.push(new CleanWebpackPlugin(['dist']));