當專案中引用很多第三方外掛時，打包後vendors會變得非常大，網站開啟速度變得非常慢。這時使用GZIP壓縮可以大幅減小打包後檔案的體積。
首先需要安裝compression-webpack-plugin
npm install compression-webpack-plugin -D
然後在vue.config.js中加入
configureWebpack: config => {if (process.env.NODE_ENV === 'production') {//GZIP壓縮return {plugins: [new CompressionWebpackPlugin({test: /\.(js|css)(\?.*)?$/i,//需要壓縮的檔案正則threshold: 10240,//檔案大小大於這個值時啟用壓縮deleteOriginalAssets: false//壓縮後保留原檔案})]};}},複製程式碼在nginx中啟用gzip壓縮
gzip on;gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-javascript;複製程式碼此時已經完成了所有配置，原來七百多k的js現在只有兩百多k。