webpack 版本

webpack4 的变化

1. 分包移除了 CommonsChunkPlugin，取而代之的是 SplitChunksPlugin

2. 环境配置：webpack 增加了一个 mode 配置，只有两种值 development | production。对不同的环境他会启用不同的配置，

3. CSS 文件提取：删除原 extract-text-webpack-plugin 配置，增加 mini-css-extract-plugin 配置

4. 原生支持处理 JSON 文件格式，不需要 json-loader

参考：https://v4.webpack.docschina.org/migrate/4/ (opens new window)

webpack5 的变化

1. 压缩代码：内置了 terser-webpack-plugin 插件，我们不用再下载安装，webpack4 上需要下载安装 terser-webpack-plugin 插件

2. 缓存：webpack5 内部内置了 cache 缓存机制，直接配置即可。

3. Tree Shaking：生产模式下默认开启 Tree Shaking

参考：https://webpack.docschina.org/blog/2020-10-10-webpack-5-release/ (opens new window)