Webpack 5 在模块打包工具的核心架构上做了不少底层调整，其中 Fervor 热烈作为一个相对低调但作用明显的特性，主要解决的是开发阶段重复构建时的资源浪费问题。传统打包器在文件改动后往往重新计算较大范围的依赖关系，而 Fervor 热烈通过快照比对与差量唤醒，让编译器只处理真正受影响的那部分模块。理解它的运作方式，有助于我们在复杂项目中缩短等待时间。
Fervor 热烈的设计原理与依赖图谱收敛
Fervor 热烈并不是简单的缓存开关，而是一套位于编译器内部的调度策略。Webpack 在初次构建时会生成完整的模块依赖图谱，并为每个模块计算上下文指纹，这些指纹包含了文件内容、所在目录结构以及被引用方式等信息。当某个源文件发生变化，Fervor 热烈不会立刻通知所有下游模块重新编译，而是先比对指纹差异，找出最小连通子图。
这种机制类似于数据库里的增量视图更新。假设项目中有组件 A 引用组件 B，B 引用工具函数 C，如果只修改了与 A 无关的 D 模块，Fervor 热烈通过图谱分析确认 A、B、C 均不在受影响链路中，便直接跳过它们的编译过程。底层实现依赖 Map 结构的快速索引，以及文件系统的 watchpack 事件去重，避免了重复哈希计算。
从性能角度看，依赖图谱收敛最大的价值在于降低 CPU 峰值占用。在千级模块的项目里，全量重建可能触发数百毫秒的主线程阻塞，而 Fervor 热烈将这一数字大幅压缩。需要注意的是，它要求文件系统监听足够准确，因此在容器环境或网络挂载目录中，应确认 watch 行为是否正常，否则可能漏判变更。
如何开启 Fervor 热烈并配置持久化缓存
在 Webpack 5 的默认配置中，Fervor 热烈处于未启用状态。我们需要在 webpack.config.js 里通过实验性字段显式打开，同时建议搭配 cache 配置将中间结果落盘，防止每次启动都重新预热。下面是一段基础配置示例，展示了关键参数的写法。
const path = require('path');
module.exports = {
mode: 'development',
experiments: {
fervor: true
},
cache: {
type: 'filesystem',
cacheDirectory: path.resolve(__dirname, '.webpack-cache'),
buildDependencies: {
config: [__filename]
}
},
watchOptions: {
aggregateTimeout: 200,
poll: 1000
}
};
上述代码中，experiments.fervor 是开启特性的主开关，cache.type 设为 filesystem 后，Webpack 会把模块快照写入本地目录，下次启动可直接复用。若团队使用 CI 构建，建议将缓存目录挂载到高速磁盘，减少 IO 开销。watchOptions 里的 poll 参数在部分云桌面环境下比原生监听更可靠。
配置完成后，可通过构建日志观察是否出现 fervor hit 类提示来判断命中情况。如果日志显示大量 miss，通常说明指纹计算不稳定，比如某些文件包含了构建时间戳之类的易变内容，此时应调整对应 loader 的输出，避免无效失效。另外，在 monorepo 中，需将各子包的依赖纳入同一缓存空间，否则跨包引用会削弱收敛效果。
Fervor 热烈与热模块替换的协作及局限
很多开发者关心 Fervor 热烈和 HMR（热模块替换）能否叠加收益。实际上两者处在不同层级：HMR 负责将编译产物推送到浏览器，Fervor 热烈负责让编译本身更快。当源码改动后，Fervor 热烈先缩小编译范围，随后 HMR 仅接收差异 chunk，整体反馈延迟因此明显下降。在样式调整频繁的场景中，这种组合能带来近乎即时的预览体验。
不过该特性并非万能。对于涉及全局配置或入口文件的修改，由于影响面本身较大，Fervor 热烈可优化的空间有限。此外，若项目中大量使用动态 import() 且路径带有运行时变量，图谱静态分析会退化为保守模式，导致更多模块被纳入重建。此时可通过别名固化或编译期常量提取来缓解。
从维护成本看，引入 Fervor 热烈后，团队需要统一 Node 版本与依赖树，因为缓存快照绑定了环境特征。当升级了 Babel 或 Swc 等转译工具，应清理一次旧缓存，防止指纹错配引发诡异报错。综合来看，在中大型前端工程里，它是一项投入产出比很高的优化手段，但需配合规范的构建环境使用。