针对vite和weboack的打包分析插件生成图

1、webpack使用（webpack-bundle-analyzer）

1、npm install  webpack-bundle-analyzer -D

2、const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
3、module.exports = { plugins: [new BundleAnalyzerPlugin() ] }

4、npm run build 

5、打开http://127.0.0.1:8888

2、vite使用 （rollup-plugin-visualizer）

1、npm i rollup-plugin-visualizer -D

2、import { visualizer } from 'rollup-plugin-visualizer'

3、plugins: [ visualizer({open: true}) ]

4、npm run build 

参考文献：vite打包性能优化以及填坑 - 掘金