Vite打包后的dist越来越大

189 阅读1分钟

发现问题:

如图所示,打包后的 assets​ 文件夹特别大,竟然有64MB

需清理1.png

我点进 assets​ 后发现,同一个文件保留了多个哈希值的打包结果,按道理来说 Vite​ 打包会清理旧哈希值的文件,但是这里不知道为什么没有清理

需清理2.png

解决问题

我首先排查了一下 vite.config.ts​ 中有没有配置 build.emptyOutDir​ 为 false​,为 false​ 会导致每次构建都不会清空目录,新的构建文件会和旧的文件混合在一起,导致体积越来越大,甚至包含不同版本、不同配置下的产物。

不过我 vite.config.ts​ 中并没有配置这个,却依旧会有重复文件,我也没排查出什么原因,直接把 dist​ 文件夹删了重新 npm run build​ 就又好了。

发出来是希望遇到同样问题的朋友能有个解决方法,以及希望如果有大佬知道什么原因能指点一下。