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

概览

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

  • 通过持久化缓存提高性能

  • 采用更好的持久化缓存算法和默认行为

  • 通过优化 Tree Shaking 和代码生成来减小Bundle体积

  • 提高 Web 平台的兼容性

  • 清除之前为了实现 Webpack4 没有不兼容性变更导致的不合理 state

  • 尝试现在引入重大更改来为将来的功能做准备,以使我们能够尽可能长时间地使用 Webpack 5