gizp壓縮是一種http請求優化方式，通過減少文件體積來提高載入速度。html、js、css文件甚至json數據都可以用它壓縮，可以減小60%以上的體積。 webpack在打包時可以藉助 compression webpack plugin 實現gzip壓縮，首先需要安裝該插件： 在vue cli ...
gizp壓縮是一種http請求優化方式，通過減少文件體積來提高載入速度。html、js、css文件甚至json數據都可以用它壓縮，可以減小60%以上的體積。
webpack在打包時可以藉助 compression webpack plugin 實現gzip壓縮，首先需要安裝該插件：
npm i -D compression-webpack-plugin
在vue cli3.0 生成的項目里，可在 vue.config.js 中按照如下方式進行配置： 
壓縮前後大小大致如下：
生成的壓縮文件以.gz為尾碼：
一般瀏覽器都已支持.gz的資源文件，在http請求的Request Headers 中能看到 Accept-Encoding:gzip
要使伺服器返回.gz文件，還需要對伺服器進行配置，根據Request Headers的Accept-Encoding標簽進行鑒別，如果支持gzip就返回.gz文件。over
