作为最常用的前端打包工具之一，Webpack已成为前端工程化的基础设施之一。自2020年10月10日发布Webpack5以来，已经过去了两年，而之前的大版本Webpack4的更新则是在两年前。每个大版本的更新都会带来许多改变和提升。今天我们来看看增量编辑和长期缓存。 在Webpack5之前，它会以配置的entry为入口，递归解析模块依赖，构建出一个依赖图(graph)。该依赖图记录代码中各个module之间的关系。每当有文件内容更新时，Webpack会重新生成依赖图。 重新构建依赖图并进行编译会造成很大的性能开销。在Webpack5中，它利用缓存实现了增量编译，从而提高了构建性能。每当代码变化或模块之间的依赖关系发生变化时，Webpack会读取记录并进行增量编译。然而，当模块较少或代码量较小时，增量编辑的优势并不明显，甚至首次编译的速度还会低于11次。因为Webpack5需要处理缓存。 Webpack5还拥有许多其他特性，如长期缓存、更智能的tree shaking模块联邦等。让我们一起来探索吧。 关注我，带你了解更多前端知识！
