webpack-plugin-recipes

用途：当遇到某个 webpack 构建问题、且结论指向“需要写一个插件”时，可按问题类型查阅对应配方。它教的是针对特定痛点该写哪种插件，与讲解如何正确编写插件的 webpack-plugin-authoring 技能互补。\n\n主要能力：26 个生产形状的 webpack 5 插件配方，按优先级与类别组织，每个配方先说明问题（不写插件时的痛点）、给出非插件的朴素做法，再提供 60-150 行完整可运行插件并附解释、变体与“何时不要用”的说明。类别包括：构建期约束（体积预算、禁止导入、必需环境变量、密钥泄漏防护）、构建元数据与清单（构建信息注入、资源清单、许可证清单、SRI 哈希）、虚拟模块与代码生成（内存虚拟模块、文件系统路由、目录 barrel、运行时类型生成）、代码转换（替换库、剥离调试辅助、条件 polyfill、动态 banner、配置驱动 define）、开发者体验（构建耗时报告、完成通知、变更 chunk 对比、首次构建后开浏览器）、资源管线（预压缩 gzip/brotli、图片优化、按类型路由、跳过空 chunk、缓存失效查询）。\n\n使用方式：先判断问题类别，打开对应配方并先读 Problem 确认匹配；把 Plugin 段作为起点按项目情况改造；阅读 How it works 理解设计取舍；再看 Variations 与 When NOT to use 确认适用性。\n\n适用场景：团队有反复出现的构建期问题、需把 webpack 输出接入 SSR/CDN/监控等下游系统、评估自写还是采用现成插件、从其他打包器迁移并复刻框架式特性、以及新人学习插件编写。\n\n限制：仅面向 webpack 5；配方以示例与模式为主，需自行适配；具体版本、安装命令与官方资料暂未提供。