一:下载插件 npm install --save-dev rollup-plugin-visualizer 二: 在vite.config.js中配置 export default defineConfig({plugins: [ vue(), visualizer({open:true,//注意这里要设置为true,否则无效gzipSize:true,brotliSize:true})],}) 三:使用命令打包,自动生成体积分析图...
8 changes: 8 additions & 0 deletions 8 build/unplugin.ts Original file line numberDiff line numberDiff line change @@ -1,12 +1,16 @@ import VueMacros from 'unplugin-vue-macros/vite' import Vue from '@vitejs/plugin-vue' import AutoImport from 'unplugin-auto-import/vite' import { ...
配置vite.config.js 文件 【加入插件】 import { defineConfig }from'vite'import vuefrom'@vitejs/plugin-vue'import { visualizer }from'rollup-plugin-visualizer'//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [vue()], build: { rollupOptions: { plugins: [visualizer()] }, } }...
安装插件rollup-plugin-visualizer它是一个打包体积分析插件,对应webpack中的webpack-bundle-analyzer,可以看到打包后的所有文件大小 rollupOptions 对象允许配置 Rollup 的大多数核心选项,常见的有: input - 输入文件地址 output - 输出配置 strict //确保所有导出的模块使用严格模式 intro: '/* my-lib version 1.0....