包优化技能Skill bundle-optimization

该技能专注于JavaScript应用的包优化，通过分析、代码分割、摇树优化和懒加载等技术，减少应用体积，提升加载速度和运行性能。关键词：前端优化，代码分割，摇树优化，懒加载，Webpack，性能提升，构建优化。

前端开发 0 次安装 0 次浏览更新于 2/26/2026

name: bundle-optimization description: 包分析、代码分割、摇树优化与体积优化。 allowed-tools: 读取、写入、编辑、Bash、Glob、Grep

包优化技能

提供JavaScript包优化的专家级协助。

# webpack-bundle-analyzer
npx webpack-bundle-analyzer stats.json

# source-map-explorer
npx source-map-explorer dist/*.js

// 基于路由的分割
const Dashboard = lazy(() => import('./pages/Dashboard'));

// 库分割
const { Chart } = await import('chart.js');