webpack中我可以使用webpack-bundle-analyzer进行打包分析,目前 vite2.x 是基于 rollup 打包的,我们可以使用install rollup-plugin-visualizer。 npm install rollup-plugin-visualizer-D// vite.config.jsimport{defineConfig}from'vite'import{visualizer}from'rollup-plugin-visualizer';exportdefaultdefineConfig({plugins...
@rollup/plugin-babel:在 Rollup 中使用 Babel 进行 JS 代码的语法转译。 @rollup/plugin-typescript: 支持使用TypeScript开发。 @rollup/plugin-alias:支持别名配置。 @rollup/plugin-replace:在 Rollup 进行变量字符串的替换。 rollup-plugin-visualizer: 对 Rollup 打包产物进行分析,自动生成产物体积可视化分析图。
复制代码npm install rollup-plugin-visualizer -D vite配置 // vite.config.js import { defineConfig } from 'vite' import { visualizer } from 'rollup-plugin-visualizer' export default defineConfig({ plugins: [visualizer()] }) 打包后,会在根目录下生成一个 stats.html文件,用浏览器打开后,如下图:...