Gzip 壓縮上傳優(yōu)化項(xiàng)目體積包的方案

wuaiqiu 發(fā)布于2019-08-23 16:52 / 763人閱讀

摘要：針對需要了解的事情以下版本不包含找到對應(yīng)文件針對源文件個(gè)人不建議刪除打開壓縮功能執(zhí)行項(xiàng)目壓縮功能默認(rèn)是，執(zhí)行完成過后效果如下前端的項(xiàng)目已經(jīng)準(zhǔn)備好。

針對Vue-cli Gizp 需要了解的事情（vue3.0以下版本不包含3.0）： 1、找到對應(yīng)文件 webpack.prod.conf.js；

2、針對源文件（個(gè)人不建議刪除）；

3、打開Gzip壓縮功能

eg: productionGzip： true

4、執(zhí)行項(xiàng)目壓縮功能（默認(rèn)是 npm run build ），執(zhí)行完成過后效果如下：

5、前端的項(xiàng)目已經(jīng)準(zhǔn)備好。接下來是nginx配置項(xiàng)：

?(1).打開nginx 配置文件 nginx.conf

(2). 開啟gzip壓縮功能（注意：gzip_static on; 這行命令如果沒有需要加上）

（3）執(zhí)行保存命令（wq!）

（4）重啟nginx

1、先執(zhí)行nginx測試

 (nginx 路徑) -t   根據(jù)自己安裝目錄執(zhí)行
 lnmp 默認(rèn)路徑 :  /usr/local/nginx/sbin/nginx -t

2、執(zhí)行重啟命令：

(nginx 路徑) -s reload    根據(jù)自己安裝目錄執(zhí)行

6、接下來就去瀏覽器訪問你們文件就可以看到 (頁面沒有報(bào)錯正常執(zhí)行并且控制臺如下)：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/103439.html

相關(guān)文章

為了vue-cli spa項(xiàng)目優(yōu)化首屏所做的事情

摘要：第一次寫項(xiàng)目，但是在實(shí)踐的過程發(fā)現(xiàn)了很多坑，這篇文章主要講述的是項(xiàng)目首屏加載過慢的大坑。建議使用，相對來說算是比較快的了。在官方文檔中有相關(guān)實(shí)現(xiàn)的代碼，很簡單。畢竟首屏加載，優(yōu)化都得靠了。第一次寫 vue spa項(xiàng)目，但是在實(shí)踐的過程發(fā)現(xiàn)了很多坑，這篇文章主要講述的是spa項(xiàng)目首屏加載過慢的大坑。在webpack的配置中，在打包的過程中，會將所有的庫都打包到vendor.js中，所以...

layman 2019-08-20 18:24 評論0 收藏0
前端性能優(yōu)化與上線

摘要：看下狀態(tài)可以看到我已經(jīng)有一些鏡像了我已經(jīng)刪除了拉鏡像正常即可，中間那段是中國鏡像源，我們成功下來了的鏡像。攻破像我這樣屌絲的服務(wù)器一般都買的，大的資源文件不住，一個(gè)動輒的文件這很蛋疼，不上很難受。 4000字長文，多圖預(yù)警！！！流量慎入！！性能優(yōu)化 - 屌絲前端性能優(yōu)化、上線一條龍大家好我又來了，本章給大家?guī)淼膬?nèi)容是：上線和上線后的性能優(yōu)化項(xiàng)目地址實(shí)戰(zhàn)預(yù)覽地址實(shí)戰(zhàn)項(xiàng)目地址...

wupengyu 2019-06-28 16:51 評論0 收藏0
工作中一直在做一款公司內(nèi)部的BI工具，將數(shù)據(jù)可視化的報(bào)表賦能給業(yè)務(wù)人員，報(bào)表配置者通過簡單的拖拽操作即可生成報(bào)表。隨著系統(tǒng)不斷的完善，加上運(yùn)維推廣，我們積累了越來越多的用戶。這時(shí)候用戶體驗(yàn)的方方面面都體現(xiàn)出來了。我們也停下產(chǎn)品的功能迭代，將整個(gè)系統(tǒng)進(jìn)行優(yōu)化，旨在提升用戶體驗(yàn)。以下是我對前端項(xiàng)目的優(yōu)化總結(jié)。 Webpack 打包優(yōu)化項(xiàng)目中在使用的 Webpack 版本是3.x，本次優(yōu)化的方案仍然是...

cnio 2019-05-23 16:25 評論0 收藏0
Laravel-Vue-SSR-SPA 服務(wù)端渲染/單頁面渲染實(shí)現(xiàn)骨架

摘要：提供服務(wù)端渲染單頁面渲染實(shí)現(xiàn)骨架同時(shí)集成打包構(gòu)建文件名實(shí)現(xiàn)內(nèi)置等套件提供端渲染方案前后端分離單頁面方案前后端分離單頁面方案等三種常見方案項(xiàng)目地址歡迎項(xiàng)目需求基于和提供的強(qiáng)大的功能組合并根據(jù)已有項(xiàng)目實(shí)踐經(jīng)驗(yàn)提供完整的集成方案幫助快速 Laravel-Vue-SSR-SPA 提供服務(wù)端渲染/單頁面渲染實(shí)現(xiàn)骨架, 同時(shí)集成webpack打包構(gòu)建 MD5文件名/gzip 實(shí)現(xiàn), 內(nèi)置 vue-...

zr_hebo 2019-07-01 10:55 評論0 收藏0