ignoreplugin 用于打包时完全跳过匹配模块路径，如 moment 的 locale 文件；需手动按需引入被忽略的资源，如 import 'moment/locale/zh-cn'。
Webpack 的 IgnorePlugin 是一个轻量但高效的内置插件，专门用于在打包阶段**完全跳过匹配的模块路径**，从而避免把无用代码（比如 moment 的全部 locale 文件、某些库的 demo 或测试文件）打进最终 bundle。它不压缩、不替换、不警告，而是直接“看不见”——这是剔除国际化语言包这类体积大又低频使用资源的首选方式。
什么时候该用 IgnorePlugin？
典型场景包括：
- moment.js：默认引入会打包所有语言包（约 200KB+），但项目只用中文
- ant-design / element-plus：部分主题、locale、demo 目录被意外引入
- 第三方 SDK：附带大量未使用的 polyfill、调试工具或地区配置
- 自定义工具库：内部包含多套 i18n 配置，但构建时只需固定一套
基础写法：两个正则，一个匹配路径，一个匹配请求源
核心语法是：new webpack.IgnorePlugin({ resourceRegExp, contextRegExp })（Webpack 5+ 推荐对象写法）或旧式 new webpack.IgnorePlugin(resourceRegExp, contextRegExp)（Webpack 4 兼容）。
以 moment 为例，在 webpack.config.js 的 plugins 数组中添加：
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
plugins: [
new webpack.IgnorePlugin({
resourceRegExp: /^\.\/locale$/,
contextRegExp: /moment$/
})
]
含义是：当 Webpack 在 moment 这个包的目录下解析到 ./locale 这个相对路径请求时，直接忽略，不递归查找、不打包任何 locale 子文件。
忽略后怎么用中文？手动按需引入
IgnorePlugin 一上，moment.locale('zh-cn') 就会失效（因为语言包根本没被打进去）。必须显式导入所需语言：
import moment from 'moment';
import 'moment/locale/zh-cn'; // ✅ 主动引入
moment.locale('zh-cn');
console.log(moment().format('LL')); // 输出：二〇二六年八月二十日
注意：import 'moment/locale/zh-cn' 是完整模块导入语句，不能写成字符串拼接或动态 require，否则 Webpack 无法静态分析，IgnorePlugin 也起不到作用。
进阶技巧：精准排除，避免误伤
有时正则太宽泛会误忽略其他模块。可加限定条件：
- 排除
node_modules/moment/locale下所有非中文语言：resourceRegExp: /^\.\/locale\/(?!zh-cn)/ - 只忽略
antd中的 demo 和 tests：contextRegExp: /antd$/+resourceRegExp: /(demo|test)s?\/?$/i - 忽略多个包的语言目录：
写多个 IgnorePlugin 实例，或用更通用的正则如/\.\/[a-z]{2}-[a-z]{2}$/（需谨慎评估）
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
