Webpack 5 在整体架构上做了大量底层重构，其中被官方归纳为 Business Continuity 的相关能力，目标是在不可靠的网络与基础设施条件下，依然保证构建与运行阶段的连续性。过去 Webpack 4 及更早版本高度依赖实时获取 npm 包与远程模块，一旦私有 registry 超时或 CDN 故障，整个流水线就会卡死。Webpack 5 通过缓存、解析容错与模块联邦的降级策略，把“业务连续性”落到了工具链中。
持久化缓存如何支撑离线构建连续性
Webpack 5 内置了基于文件系统的持久化缓存，不再需要像以前那样引入 cache-loader 或把 hard-source-webpack-plugin 当救命稻草。开启 cache: { type: 'filesystem' } 后，每次构建的中间产物、模块依赖图与 resolver 结果都会写入本地目录。当第二次构建时网络不通，Webpack 可以直接读取缓存中的已解析模块，而不必重新发起 HTTP 请求去拉取包元数据。
这种机制对 Business Continuity 的意义在于：它把“能否构建”从“能否联网”中解耦出来。在 CI 节点被调度到隔离网段、或者企业代理临时限流时，只要代码与缓存目录还在，就能产出与上次一致的 bundle。下面是一段最小可用配置：
const path = require('path');
module.exports = {
mode: 'production',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
cache: {
type: 'filesystem',
buildDependencies: {
config: [__filename]
},
cacheDirectory: path.resolve(__dirname, 'node_modules/.cache/webpack')
}
};
需要注意的是，buildDependencies 用来声明配置文件本身的变化会让缓存失效，避免改了 webpack 配置却用了旧缓存的诡异 bug。如果团队把缓存目录挂载到高速 SSD 或分布式缓存卷上，甚至可以在不同构建机之间复用，从而进一步提升容灾能力。
模块联邦在运行时如何保障业务不中断
模块联邦（Module Federation）是 Webpack 5 最核心的跨应用代码共享方案，它同样服务于业务连续性。在微前端架构里，主应用远程加载子应用的组件，如果子应用部署的 CDN 挂掉，传统做法会让整个页面白屏。Webpack 5 允许在 remotes 配置中声明多个备用入口，并在运行时捕获加载错误后切换到备份源。
从连续性角度看，这等于把“单点远程依赖”变成了“多活远程依赖”。下面示例展示了如何配置一个带容灾的主应用：
const { ModuleFederationPlugin } = require('webpack').container;
module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'shell',
remotes: {
// 主用与备用远程入口
dashboard: 'dashboard@https://primary.ipipp.com/remoteEntry.js',
dashboard_backup: 'dashboard@https://backup.ipipp.com/remoteEntry.js'
},
shared: ['react', 'react-dom']
})
]
};
在加载时可以用动态 import 配合 catch 实现降级：先试主用 remote，失败再试 backup。这样即便某个边缘节点回源失败，用户仍可使用核心功能。实践中建议把备份地址放在不同可用区，避免“同机房一起炸”的尴尬。
解析容错与依赖快照怎样减少发布阻塞
除了缓存与模块联邦，Webpack 5 在 resolver 层面也增强了容错。过去如果某个 optional 依赖在 lock 文件中存在但磁盘被清理，会直接报模块找不到。现在结合 resolve.fallback 与 resolve.alias 的灵活映射，可以把易失依赖导向本地 stub，或者在构建期忽略非关键路径。
依赖快照则是通过 package-lock.json 或 yarn.lock 与缓存联合生效：当 registry 返回 503，只要 lock 与缓存一致，Webpack 不会强行去线上校验完整性。我们用一张简表对比新旧版本在断网时的表现：
| 场景 | Webpack 4 | Webpack 5（开缓存） |
|---|---|---|
| registry 不可达 | 构建失败 | 用本地缓存继续构建 |
| 远程模块 CDN 故障 | 运行时白屏 | 可切备用 remote |
| lock 与缓存一致但离线 | 反复重试超时 | 直接命中快照 |
可以看到，Business Continuity 并不是某个开关，而是缓存、联邦与解析策略共同编织的韧性网。团队在落地时应当把缓存目录纳入备份策略，并为关键远程模块配置异地备份，才能真正把 Webpack 5 的连续性能力转化为业务可用性。
Webpack_5Business_Continuity模块联邦修改时间：2026-08-14 16:33:29