Webpack5发布后，具体新增了哪些亮点功能？

本文共计1645个文字，预计阅读时间需要7分钟。

Webpack作为最广泛使用的打包工具，已成为前端工程化基础配置的一部分。历经18年版本更新，Webpack5带来了众多新特性。

webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些新特性，对我们的应用又有哪些帮助。

概览

下面这张图是 Webpack 官方 Changelog 里面截图出来的，可以看到​主要有这些方面的提高：

• 通过持久化缓存提高性能
• 采用更好的持久化缓存算法和默认行为
• 通过优化 Tree Shaking 和代码生成来减小Bundle体积
• 提高 Web 平台的兼容性
• 清除之前为了实现 Webpack4 没有不兼容性变更导致的不合理 state
• 尝试现在引入重大更改来为将来的功能做准备，以使我们能够尽可能长时间地使用 Webpack 5
  

不得不说，这个官方声明稍微简略了一点，只提到了持久化缓存优化性能和更好的 Tree Shaking，Module federation 这个重大特性居然提都没有提。下面还是跟着小编看看具体都升级了哪些部分。

过时功能移除

首先是去掉了在 Webpack4 里面已经 Warming 的功能。