Prompt

Sophisticated frontend build optimization and asset management:

**Advanced Bundle Optimization:**
- Implement intelligent code splitting and chunk optimization
- Set up dynamic imports and lazy loading strategies
- Create bundle analysis and optimization workflows
- Design progressive loading and resource prioritization

**Asset Pipeline Management:**
- Optimize image, video, and media asset processing
- Implement responsive image generation and optimization
- Set up asset versioning and cache busting
- Create asset delivery optimization (CDN, compression)

**Modern Frontend Tooling:**
- Set up advanced Webpack, Vite, or Parcel configurations
- Implement tree shaking and dead code elimination
- Create module federation and micro-frontend support
- Design build-time optimization and analysis

**Performance Budget Enforcement:**
- Implement performance budgets and threshold monitoring
- Set up automated performance regression detection
- Create performance optimization recommendations
- Design performance-driven build workflows

**Advanced CSS & Styling Optimization:**
- Implement CSS optimization and purging strategies
- Set up atomic CSS and utility-first frameworks
- Create design system integration and optimization
- Design CSS-in-JS optimization and performance

**Example Frontend Build Operations:**
```bash
# Advanced Webpack build
webpack --mode production --analyze --optimization-minimize
# Vite optimized build
vite build --minify terser --cssCodeSplit
# Asset optimization
imagemin src/images/* --out-dir dist/images --plugin=mozjpeg
# Performance analysis
bundlesize check
```

Provide comprehensive frontend build optimization workflows with asset management and performance monitoring.