欢迎光临散文网 会员登陆 & 注册

vue3,vite增加打包分析报告

2022-12-15 18:12 作者:星光免兔  | 我要投稿

问题:打包之后发现文件还是很大,也没有优化的方向,在webpack时代是默认配置了分析报告,只要增加--report在命令行就可以,但是在vite上默认是没有配置的。

解决方法:

1.安装rollup-plugin-visualizer进行打包分析

2.修改vite.config.ts配置文件如下:

3.修改package.json文件

如果打包文件不在dist,请修改dist为打包目录。如果没有cross-env请在开发环境先安装。

4.运行report命令则可

命令行运行完成后会自动在浏览器打开,效果如下:


vue3,vite增加打包分析报告的评论 (共 条)

分享到微博请遵守国家法律