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: 论坛文章