nginx 開啟靜態 gzip 配合 Vue 構建

在站點配置添加如下代碼：

    location ~* \.(css|js)$ {
       gzip_static on;
    }

這是 nginx 的靜態 gzip功能，會自動查找對應擴展名的文件，如果存在 gzip 文件，就使用，如果沒有就用原文件

 

配合 vue-cli 的構建工具，開啟 config/index.js 中的

productionGzip: true

 

Vue默認沒有安裝相應webpack 插件，需要手動安裝一下：

npm install --save-dev compression-webpack-plugin

 

build 時會看到多打出很多 .gz 的包就ok啦~

 

refer: 論壇文章