核心用法
Webpack Config 是一款专注于前端构建工具配置生成的技能，覆盖 Webpack 与 Vite 双生态。用户通过自然语言描述项目需求，即可获得完整的配置文件、插件推荐及优化建议。
主要功能模块：
- create：快速生成基础项目配置，支持多框架（React/Vue/Angular）与 TypeScript 模板
- plugin：智能推荐并配置常用插件（如 html-webpack-plugin、mini-css-extract-plugin）
- loader：解析文件处理需求，自动配置 babel-loader、css-loader、ts-loader 等
- optimize：内置性能优化策略，包括 tree-shaking、缓存策略、并行构建
- split：代码分割方案设计，支持路由懒加载与 vendor 分离
- migrate：Webpack 版本升级与 Vite 迁移辅助
显著优点
1. 双引擎支持：同时覆盖 Webpack 5 与 Vite 最新特性，避免工具锁定
2. 工程化思维：输出包含注释的 production-ready 配置，非简单代码片段
3. 优化建议可执行：不仅给出配置，还说明参数背后的性能原理
潜在局限
- 复杂定制化场景（如自定义 plugin 开发）仍需人工介入
- 对 monorepo 多包构建的支持文档不够详尽
- 输出配置需根据实际项目结构微调路径
适合人群
- 前端开发者快速搭建新项目构建流程
- 需要迁移旧构建工具的团队
- 希望学习最佳实践配置的工程化新手
常规风险
配置生成基于通用模式，极端场景（微前端、SSR、边缘计算部署）需人工验证。建议生成后在 staging 环境充分测试。