Menu
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill viteO comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.
Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.
Exibindo SKILL.md
Baseado na classificação ocupacional SOC
| id | eng-bundle-opt |
| name | Vite 构建产物体积优化 |
| category | engineering |
| description | 使用 Rollup Visualizer 分析产物，并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。 |
| tags | ["vite","rollup","performance","optimization"] |
| updated_at | 2026-01-09T00:00:00.000Z |
当首屏加载慢 (FCP > 1.5s) 时，通常需要检查 JS Bundle 的体积。
首先"看见"哪些包最大。
npm install rollup-plugin-visualizer -D
这是收益最大的优化点。
❌ import UserList from './views/UserList.vue'
✅ component: () => import('./views/UserList.vue')
将大型库（ECharts, bkui-vue）单独打包，避免 vendor hash 频繁变化。
❌ import _ from 'lodash'
✅ import debounce from 'lodash-es/debounce'
npm install vite-plugin-compression -D
📦 获取完整 vite.config.ts 配置：
skill://bundle-optimization/assets/vite.config.optimization.ts
skill://bundle-optimization/assets/vite.config.optimization.ts根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载