核心用法
Webpack Config 是一款专注于现代前端构建工具配置生成的AI技能，支持 Webpack 5 与 Vite 双生态。用户通过自然语言描述项目需求（如"React+TypeScript多页应用，需要代码分割和懒加载"），系统即可输出完整的配置文件、插件推荐列表及优化建议。
主要功能模块：
- create：从零生成项目级配置模板，含 entry/output/resolve 等核心字段
- plugin：根据场景推荐并配置常用插件（HtmlWebpackPlugin、MiniCssExtractPlugin 等）
- loader：自动匹配 Loader 链，处理 JS/TS/CSS/图片/字体等资源
- optimize：输出 Tree Shaking、缓存策略、并行构建等性能优化配置
- split：生成代码分割策略，包括动态 import、公共chunk提取
- migrate：辅助 Webpack 4→5 或 Webpack→Vite 的迁移配置
显著优点
1. 配置即代码：输出可直接落地的 JS/TS 配置文件，非片段化建议
2. 双生态覆盖：同时精通 Webpack 复杂生态与 Vite 轻量范式
3. 场景化推理：基于项目类型（SPA/MPA/Monorepo）自动调整配置策略
4. 优化内置：性能建议与配置同步输出，无需二次搜索最佳实践
潜在局限
- 复杂自定义插件开发仍需人工介入
- 企业级私有插件/Loader 无法自动识别
- 输出配置需结合具体版本验证（Webpack/Vite 迭代快）
- 不提供运行时构建执行能力，仅为配置生成
适合人群
- 前端开发者快速搭建新项目构建流程
- 团队需要统一构建配置规范的工程化负责人
- 从 Webpack 向 Vite 迁移的技术决策者
- 学习构建工具配置原理的初中级开发者
常规风险
- 版本兼容性：生成的配置需与实际安装的依赖版本匹配
- 过度抽象：复杂场景下自动配置可能隐藏关键细节，需人工 Review
- 安全审计：涉及 DefinePlugin 等注入环境变量的场景，需检查敏感信息泄露风险
- 性能陷阱：代码分割策略不当可能导致首屏请求数激增