vue3,vite增加打包分析報告
問題:打包之后發(fā)現(xiàn)文件還是很大,也沒有優(yōu)化的方向,在webpack時代是默認配置了分析報告,只要增加--report在命令行就可以,但是在vite上默認是沒有配置的。
解決方法:
1.安裝rollup-plugin-visualizer進行打包分析
2.修改vite.config.ts配置文件如下:
3.修改package.json文件
如果打包文件不在dist,請修改dist為打包目錄。如果沒有cross-env請在開發(fā)環(huán)境先安裝。
4.運行report命令則可
命令行運行完成后會自動在瀏覽器打開,效果如下:

標簽: