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

posted @ 2018-02-05 20:33  savokiss  阅读(2590)  评论(0编辑  收藏  举报