针对webpack4升级webpack5做了哪些事情
- 升级webpack版本
- 升级babel版本
- 升级对应loader版本
- 创建.babelrc文件
- 修改package.json问对webpack5的启动方式：webpack-dev-server => webpack server
- 如引入了webpack-merge则要修改merge 方法的导出方式
为什么要升级webpack
- 性能优化：Webpack 5在构建速度和性能方面进行了大量的优化，从而可以更快地构建应用程序和库。
- Tree Shaking：Webpack 5对Tree Shaking进行了改进，可以更有效地删除未使用的代码，从而使打包后的文件更小，加载更快。
- 持久化缓存：Webpack 5引入了持久化缓存，可以更快地重新构建应用程序，提高开发效率。
- 改进的代码分割：Webpack 5可以更精确地分割代码，从而减少页面加载时间。
- Webpack CLI：Webpack 5增加了Webpack CLI的内置支持，使得命令行工具更易于使用。
- 改进的处理器：Webpack 5支持使用WebAssembly和Asset Modules来处理文件，使得构建更加灵活。
- 现代化的资源模块类型：Webpack 5支持对ES modules和JSON modules进行构建，使得支持现代浏览器的特性更加容易。
- 移除的插件和功能：Webpack
5移除了一些过时的插件和功能，例如UglifyJS和CommonsChunkPlugin，以提高构建性能和可维护性。
