Gzip 压缩上传 优化项目体积包的方案

针对Vue-cli Gizp 须要了解的事情（vue3.0如下版本不包含3.0）：

一、找到对应文件 webpack.prod.conf.js；

二、针对源文件（我的不建议删除）；

三、打开Gzip压缩功能

eg: productionGzip： true

四、执行项目压缩功能（默认是 npm run build ），执行完成事后效果以下：

五、前端的项目已经准备好。接下来是nginx配置项：

​(1).打开nginx 配置文件 nginx.conf

​

(2). 开启gzip压缩功能（注意：gzip_static on; 这行命令若是没有 须要加上 ）

（3）执行保存命令（wq!）

（4）重启nginx

一、先执行nginx测试

(nginx 路径) -t   根据本身安装目录执行
 lnmp 默认路径 :  /usr/local/nginx/sbin/nginx -t

​

二、 执行重启命令 ：

(nginx 路径) -s reload    根据本身安装目录执行

​

六、接下来就去浏览器访问大家文件就能够看到 (页面没有报错正常执行而且控制台以下)：