发现问题:
如图所示,打包后的 assets
文件夹特别大,竟然有64MB
我点进 assets
后发现,同一个文件保留了多个哈希值的打包结果,按道理来说 Vite
打包会清理旧哈希值的文件,但是这里不知道为什么没有清理
解决问题
我首先排查了一下 vite.config.ts
中有没有配置 build.emptyOutDir
为 false
,为 false
会导致每次构建都不会清空目录,新的构建文件会和旧的文件混合在一起,导致体积越来越大,甚至包含不同版本、不同配置下的产物。
不过我 vite.config.ts
中并没有配置这个,却依旧会有重复文件,我也没排查出什么原因,直接把 dist
文件夹删了重新 npm run build
就又好了。
发出来是希望遇到同样问题的朋友能有个解决方法,以及希望如果有大佬知道什么原因能指点一下。