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