webpack3和webpack4的区别

webpack3和webpack4是两个不同版本的Webpack，它们之间有一些重要的区别。

1. 性能优化：Webpack 4在构建速度和打包体积方面有了显著的改进。通过引入新的构建策略和优化算法，Webpack 4能够更快地构建项目，并生成更小的代码包。

2. 模式配置：Webpack 4引入了模式（mode）的概念，可以指定不同的模式来优化构建结果。目前Webpack 4支持三种模式：开发模式（development）、生产模式（production）和默认模式（none）。

3. 零配置：Webpack 4引入了一种新的零配置（zero configuration）模式，即不需要任何配置文件即可进行基本的打包操作。这在简化项目的配置过程方面非常有用。

4. Tree Shaking：Webpack 4对Tree Shaking进行了改进，可以更好地消除未使用的代码，减小打包体积。

5. Mode 默认值为 'production'：在Webpack 3中，默认的mode是 'development'，而在Webpack 4中，默认的mode是 'production'。这意味着Webpack 4会自动开启一些生产环境的优化策略。

6. 新的插件系统：Webpack 4引入了一种新的插件系统，使得编写和使用插件更加简单和灵活。同时，Webpack 4还对一些常用的插件进行了更新和改进，以提供更好的开发体验。

需要注意的是，升级到Webpack 4可能需要你对项目进行一些调整和修改，但由于Webpack 4的性能和功能优化，升级通常是值得的。