gizp壓縮是一種http請(qǐng)求優(yōu)化方式，通過(guò)減少文件體積來(lái)提高加載速度得哆。html、js哟旗、css文件甚至json數(shù)據(jù)都可以用它壓縮贩据，可以減小60%以上的體積。
webpack在打包時(shí)可以借助 compression webpack plugin 實(shí)現(xiàn)gzip壓縮闸餐，首先需要安裝該插件：
npm i -D compression-webpack-plugin
在vue cli3.0 生成的項(xiàng)目里饱亮，可在 vue.config.js 中按照如下方式進(jìn)行配置：
601.png
壓縮前后大小大致如下：
602.png
生成的壓縮文件以.gz為后綴：
603.png
一般瀏覽器都已支持.gz的資源文件，在http請(qǐng)求的Request Headers 中能看到 Accept-Encoding:gzip
604.png
要使服務(wù)器返回.gz文件舍沙，還需要對(duì)服務(wù)器進(jìn)行配置近上，根據(jù)Request Headers的Accept-Encoding標(biāo)簽進(jìn)行鑒別，如果支持gzip就返回.gz文件拂铡。
