歡迎捐贈
gizp壓縮是一種http請求優化方式，通過減少檔案體積來提高載入速度。html、js、css檔案甚至json資料都可以用它壓縮，可以減小60%以上的體積。
webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮，首先需要安裝該外掛程式：
在vue cli3.0 生成的專案裡，可在 vue.config.js 中按照如下方式進行配置：npm i -d compression-webpack-plugin
壓縮前後大小大致如下：
生成的壓縮檔案以.gz為字尾：
一般瀏覽器都已支援.gz的資源檔案，在http請求的request headers 中能看到 accept-encoding:gzip
要使伺服器返回.gz檔案，還需要對伺服器進行配置，根據request headers的accept-encoding標籤進行鑑別，如果支援gzip就返回.gz檔案。over
Vue CLI3 開啟gzip壓縮
gizp壓縮是一種http請求優化方式，通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮，可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮，首先需要安裝該外掛程式 npm i d ...
Vue CLI3 開啟gzip壓縮
gizp壓縮是一種http請求優化方式，通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮，可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮，首先需要安裝該外掛程式 npm i d ...
Vue CLI3 開啟gzip壓縮
gizp壓縮是一種http請求優化方式，通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮，可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮，首先需要安裝該外掛程式 npm i d ...