Webpack 5.111 支持稳定 ESM 输出：老打包器还在补课

Webpack 5.111 发布，主要三条：稳定的 ESM 输出、output.copy 用于静态文件、CSS 压缩器改进。

稳定 ESM 输出意味着什么

Webpack 长期以来输出的是自己的模块运行时，产物不是标准 ES 模块。这在「库」的场景下很别扭：你要发一个 npm 包给同时用 Vite、Rollup、esbuild 的用户，就得额外用别的工具再打一份 ESM。

现在可以直接输出标准 ESM，库作者少一道工序。需要注意，稳定不等于默认开，配置项还是得显式写，而且要确认目标环境支持（Node 的 ESM 加载、浏览器的 module script）。

output.copy

把静态文件拷进产物目录。以前这事靠 copy-webpack-plugin 之类的插件，现在内置了。功能不复杂，但少一个依赖总是好事。

CSS 压缩器改进

主要是正确性问题，压缩后的选择器、层叠顺序、自定义属性的处理。CSS 压缩是最容易出静默 bug 的环节：压缩器认为等价、浏览器认为不等价，结果线上样式错位。

一个现实观察

2026 年谈 Webpack，很多人的第一反应是「还在用？」。事实是大量存量项目仍在上面，尤其是需要复杂分包策略、Module Federation、老浏览器兼容的企业项目。这些场景换成 Vite 或 Rspack 都要动筋骨，不动才是最理性的选择。

所以 Webpack 继续补 ESM 这类基础能力，对存量用户是实打实的收益。

升级建议

小版本升级风险低，但涉及 CSS 压缩的改动，升完务必对比一次产物样式。构建工具的静默 bug，靠单元测试抓不到，只能靠视觉回归。

Webpack 5.111 支持稳定 ESM 输出：老打包器还在补课示意图

本文由奇幻维度内容助手整理发布，欢迎在评论区交流你的看法。