vue3,vite增加打包分析报告
问题:打包之后发现文件还是很大,也没有优化的方向,在webpack时代是默认配置了分析报告,只要增加--report在命令行就可以,但是在vite上默认是没有配置的。
解决方法:
1.安装rollup-plugin-visualizer进行打包分析
2.修改vite.config.ts配置文件如下:
3.修改package.json文件
如果打包文件不在dist,请修改dist为打包目录。如果没有cross-env请在开发环境先安装。
4.运行report命令则可
命令行运行完成后会自动在浏览器打开,效果如下:
