Webpack 5升级内容（一）

最新推荐文章于 2024-06-05 23:39:34 发布

sendudu

最新推荐文章于 2024-06-05 23:39:34 发布

阅读量1.3k

点赞数

分类专栏：日常学习文章标签： webpack

本文链接：https://blog.csdn.net/sendudu/article/details/109712699

版权

Webpack 5升级内容

此版本重点关注以下内容：

通过持久化缓存提高构建性能。
使用更好的算法和默认值来改善长期缓存。
通过更好的Tree Shaking和代码生成来改善bundle大小。
清理处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改。

Clean up internal structures that were left in a weird state while implementing features in v4 without introducing any breaking changes.
引入一些重大变更，为将来的功能做准备，使我们能够尽可能长时间地使用v5。

本次分享关注：

v4中所有deprecated的项目均已删除。
也有一些v4中没有被警告deprecation的变更，比如 IgnorePlugin 和 BannerPlugin，现在必须传递一个参数（可以是对象，字符串或函数）。下面是一个IgnorePlugin 的示例:
```
new webpack.IgnorePlugin({
      resourceRegExp: regex })
```

迁移注意：v4中已弃用的所有项目已在 v5中删除。当迁移到 v5时，请确保 Webpack 4版本不会打印弃用警告。

新的弃用包含一个弃用代码，因此更易于引用。

New deprecations include a deprecation code so they are easier

关注

专栏目录