资讯专栏INFORMATION COLUMN

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

wuaiqiu / 662人阅读

摘要:针对需要了解的事情以下版本不包含找到对应文件针对源文件个人不建议删除打开压缩功能执行项目压缩功能默认是,执行完成过后效果如下前端的项目已经准备好。

针对Vue-cli Gizp 需要了解的事情(vue3.0以下版本不包含3.0): 1、找到对应文件 webpack.prod.conf.js;

2、针对源文件(个人不建议删除);

3、打开Gzip压缩功能
eg: productionGzip: true 

4、执行项目压缩功能(默认是 npm run build ),执行完成过后效果如下:

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

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

(2). 开启gzip压缩功能(注意:gzip_static on; 这行命令如果没有 需要加上 )

(3)执行保存命令(wq!)

(4)重启nginx

1、先执行nginx测试

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

2、 执行重启命令 :

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



6、接下来就去浏览器访问你们文件就可以看到 (页面没有报错正常执行并且控制台如下):

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103439.html

相关文章

  • 为了vue-cli spa项目优化首屏所做的事情

    摘要:第一次写项目,但是在实践的过程发现了很多坑,这篇文章主要讲述的是项目首屏加载过慢的大坑。建议使用,相对来说算是比较快的了。在官方文档中有相关实现的代码,很简单。毕竟首屏加载,优化都得靠了。 第一次写 vue spa项目,但是在实践的过程发现了很多坑,这篇文章主要讲述的是spa项目首屏加载过慢的大坑。在webpack的配置中,在打包的过程中,会将所有的库都打包到vendor.js中,所以...

    layman 评论0 收藏0
  • 前端性能优化与上线

    摘要:看下状态可以看到我已经有一些镜像了我已经删除了拉镜像正常即可,中间那段是中国镜像源,我们成功下来了的镜像。攻破像我这样屌丝的服务器一般都买的,大的资源文件不住,一个动辄的文件这很蛋疼,不上很难受。 4000字长文,多图预警!!!流量慎入!! 性能优化 - 屌丝前端性能优化、上线一条龙 大家好我又来了,本章给大家带来的内容是:上线和上线后的性能优化 项目地址 实战预览地址 实战项目地址...

    wupengyu 评论0 收藏0
  • 工作中一直在做一款公司内部的BI工具,将数据可视化的报表赋能给业务人员,报表配置者通过简单的拖拽操作即可生成报表。随着系统不断的完善,加上运维推广,我们积累了越来越多的用户。这时候用户体验的方方面面都体现出来了。我们也停下产品的功能迭代,将整个系统进行优化,旨在提升用户体验。以下是我对前端项目的优化总结。 Webpack 打包优化 项目中在使用的 Webpack 版本是3.x,本次优化的方案仍然是...

    cnio 评论0 收藏0
  • Laravel-Vue-SSR-SPA 服务端渲染/单页面渲染实现骨架

    摘要:提供服务端渲染单页面渲染实现骨架同时集成打包构建文件名实现内置等套件提供端渲染方案前后端分离单页面方案前后端分离单页面方案等三种常见方案项目地址欢迎项目需求基于和提供的强大的功能组合并根据已有项目实践经验提供完整的集成方案帮助快速 Laravel-Vue-SSR-SPA 提供服务端渲染/单页面渲染实现骨架, 同时集成webpack打包构建 MD5文件名/gzip 实现, 内置 vue-...

    zr_hebo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<