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: 論壇文章