WebPack的发布项目压缩

1. 构建时gzip（这个方式是推荐的，而且在本次的react项目gz化中也是使用了该方式得以成功）
     用Webpack的压缩插件生成bundle.js.gz 代替生成bundle.js。 之后添加一个中间件返回被 gzip 压缩的JS文件

第一步：需要安装webpack压缩组件

Yarn add compression-webpack-plugin
或者
npm install compression-webpack-plugin

注意： 在使用compression-webpack-plugin的时候有一个版本问题，如果直接使用yarn add或者 npm install 的话，会默认安装到最新版本的，例如本次gz化时，默认的版本是^3.0.0这个时候会报以下的错误：

需要降低版本形式处理，如Yarn add [email protected]，指定版本。

第二步： 在webpack.config.prod.js中引入插件

const CompressionPlugin=require('compression-webpack-plugin');

第三步： 添加到插件数组中（module.exports下的plugins中添加）

参考网址：

https://www.zcfy.cc/article/two-quick-ways-to-reduce-react-app-s-size-in-production-1930.html?tdsourcetag=s_pcqq_aiomsg
（有两种方法在里面，但是构建时gzip这个可以成功，其他可以用来以后参考）