Vue CLI3 開啟gzip壓縮文件的方式

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文件。

總結

以上所述是小編給大家介紹的Vue CLI3 開啟gzip壓縮文件的方式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com