在前端開發(fā)完頁面之后，我們通常，需要將文件上傳到服務(wù)器，服務(wù)端，但是在本地進(jìn)行打包后，會(huì)形成一個(gè)很大的文件包，可以配置gzip進(jìn)行上傳到nginx服務(wù)器；

（一）：在進(jìn)行npm run build時(shí)，比如vue,可以在vue.config.js里面配置如下：

引入以下插件：const CompressionPlugin = require('compression-webpack-plugin') //gzip 壓縮的插件

const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; //要進(jìn)行壓縮的文件類型

configureWebpack: config => {

? ? if (process.env.NODE_ENV === 'production') {

? ? ? config.plugins.push(new CompressionPlugin({

? ? ? ? ? algorithm: 'gzip',

? ? ? ? ? test: productionGzipExtensions,

? ? ? ? ? threshold: 10240,

? ? ? ? ? minRatio: 0.8

? ? ? ? })

? ? ? )

? ? }

? }

（二）服務(wù)端，nginx下面配置選擇/etc/nginx/nginx.conf文件，用vim命令進(jìn)入編輯器，修改配置設(shè)置gzip為on,即可！