Назад към всички

bundle-optimization

// Bundle analysis, code splitting, tree shaking, and size optimization.

$ git log --oneline --stat
stars:384
forks:73
updated:March 4, 2026
SKILL.mdreadonly
SKILL.md Frontmatter
namebundle-optimization
descriptionBundle analysis, code splitting, tree shaking, and size optimization.
allowed-toolsRead, Write, Edit, Bash, Glob, Grep

Bundle Optimization Skill

Expert assistance for JavaScript bundle optimization.

Capabilities

  • Analyze bundle size
  • Implement code splitting
  • Configure tree shaking
  • Optimize dependencies
  • Set up lazy loading

Analysis

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

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

Code Splitting

// Route-based splitting
const Dashboard = lazy(() => import('./pages/Dashboard'));

// Library splitting
const { Chart } = await import('chart.js');

Target Processes

  • bundle-optimization
  • performance-improvement
  • build-optimization