https://webpack.js.org/awesome/
或
https://webpack.js.com/ (中文网)

在网站搜索框输入关键词
    ↓
浏览相关项目和文档
    ↓
找到适合的解决方案

 模糊提问：
"Webpack 怎么配置？"
 
 精准提问：
"Webpack 的 optimization 配置项怎么设置？我想实现代码分割和 Tree Shaking。"
 
 场景化提问：
"Webpack 5 如何配置持久化缓存？我的项目是一个 React SPA，希望提升构建速度。"

Webpack + 配置项名称 + 场景描述 + 具体需求

问：Webpack 的 splitChunks 配置项怎么设置？
    我的项目是一个大型 SPA，有多个入口，
    想要把第三方库和公共模块分离出来。
 
答：AI 会给出：
1. splitChunks 的作用说明
2. 针对你场景的配置示例
3. 配置项的详细解释
4. 注意事项和最佳实践

Webpack GitHub 仓库：
https://github.com/webpack/webpack/issues

 错误示例：
"Webpack 打包的时候报错了怎么办"
（中文、关键词太多）
 
 正确示例：
"build error"
"loader error"
"plugin error"
"HMR not working"
"cache issue"

步骤 1：打开 GitHub Issues 页面
    ↓
步骤 2：输入关键词（英文，越少越好）
    ↓
步骤 3：按相关性或时间排序
    ↓
步骤 4：查找类似问题
    ↓
步骤 5：阅读解决方案

检查项：
├── Webpack 版本是否匹配？
├── Node.js 版本是否相似？
├── 操作系统是否相同？
├── 错误信息是否一致？
└── 是否有官方人员回复？

[webpack] + 你的问题描述

搜索：[webpack] build error
结果：约 25,000 个相关结果
 
搜索：[webpack] loader configuration
搜索：[webpack] plugin not working

1. 优先查看高票回答（Votes 排序）
2. 查看是否有官方认可的答案（绿色勾）
3. 注意答案的时间，优先选择近期的
4. 检查答案适用的 Webpack 版本

网址：https://stackoverflow.ai/（即将上线）
 
特点：
├── 基于平台问答数据训练
├── 覆盖全球程序员的问题
├── 局部知识库，更精准
└── 目前还在训练中

ChatGPT：
├── 通用大模型
├── 知识面广但可能不够精准
└── 适合快速了解和基础问题
 
Stack Overflow AI：
├── 基于程序员问答数据
├── 针对编程问题更专业
└── 适合深度技术问题

问题卡住
    ↓
搜索类似产品
    ↓
参考他人的实现
    ↓
调整修改满足需求

https://www.npmjs.com/
 
搜索示例：
├── webpack xxx loader
├── webpack xxx plugin
├── webpack-xxx
└── @xxx/webpack-plugin

需求：处理 SVG 图标
 
搜索：webpack svg loader
结果：
├── @svgr/webpack
├── svg-url-loader
├── svg-inline-loader
└── ...
 
选择合适的包 → 查看源码 → 参考实现 → 自定义修改

步骤 1：找到相关 NPM 包
    ↓
步骤 2：查看 GitHub 仓库
    ↓
步骤 3：阅读源码和配置
    ↓
步骤 4：理解实现思路
    ↓
步骤 5：应用到自己的项目中

遇到 Webpack 问题
│
├─ 配置项不清楚？
│   └─ 方法二：AI 助手（快速获取配置示例）
│
├─ 报错信息？
│   ├─ 方法三：GitHub Issues 搜索错误关键词
│   └─ 方法四：Stack Overflow 搜索 `[webpack] error`
│
├─ 需要找 Loader/Plugin？
│   ├─ 方法一：Webpack Awesome
│   └─ 方法五：NPM 搜索
│
├─ 想了解最佳实践？
│   ├─ 方法一：Webpack Awesome
│   └─ 方法四：Stack Overflow（Votes 排序）
│
└─ 遇到技术瓶颈？
    └─ 方法五：NPM 搜索类似方案 → 学习源码

准备清单：
├── Webpack 版本号
├── Node.js 版本号
├── 操作系统信息
├── 完整的错误信息
├── 相关配置代码
└── 复现步骤

问题解决后：
├── 记录问题和解决方案
├── 理解问题根本原因
├── 总结预防措施
└── 分享给团队