webpack3 升级 webpack5

Webpack 3 升级到 Webpack 5 主要有以下几个方面的变化和优势：

1. 性能提升：Webpack 5 通过引入新的 Tree shaking 技术（也叫模块分割），以及更优化的缓存策略，显著提高了构建速度和内存使用效率。

2. 新特性：Webpack 5 引入了全新的 Module Federation 功能，它允许你在不同的应用之间共享模块，这对于构建大型分布式应用程序非常有用。

3. 模块解析的改变：Webpack 5 使用了 ES 模块（ESM）作为默认模式，而不是 CommonJS，这意味着文件的导入和导出语法更简洁，并支持更好的树形结构。

4. API 变化：虽然大部分核心API保持稳定，但仍有一些旧的插件和配置选项已弃用或不再推荐使用。升级过程中需要查阅文档以了解迁移指南。

5. 脚手架工具更新：Webpack 5 与其他现代工具如 ESLint 和 Prettier 更好地集成，提升了构建过程的便捷性和一致性。

升级步骤通常包括检查当前依赖、查看官方文档的迁移指南、调整配置并测试新版本是否兼容。如果遇到问题，可能会需要逐步替换旧的插件和规则。