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這個可以成功，其他可以用來以後參考）