国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

用node批量壓縮html頁(yè)面

darcrand / 1687人閱讀

摘要:最近在寫(xiě)一個(gè)用了的后臺(tái)管理系統(tǒng)。所以寫(xiě)了一個(gè)用命令批量壓縮頁(yè)面并且混淆的小工具。壓縮前代碼壓縮后代碼運(yùn)行命令后,目錄下的所有頁(yè)面都會(huì)被批量壓縮,看是不是壓縮的明明白白的了。

最近在寫(xiě)一個(gè)用了layui的后臺(tái)管理系統(tǒng)。因?yàn)槟承┰颍琱tml,css,js都寫(xiě)在.html里,并且沒(méi)有用到別的打包工具。所以寫(xiě)了一個(gè)用node命令批量壓縮頁(yè)面并且混淆js的小工具。
node安裝html-minifier

目標(biāo)實(shí)現(xiàn):壓縮html,css,壓縮,混淆html中內(nèi)聯(lián)的js,去除console,debugger控制臺(tái)提示,能壓縮掉50%左右的大小

目錄結(jié)構(gòu)如下,可自行更改。

壓縮前代碼

壓縮后代碼

運(yùn)行node index命令后,source目錄下的所有html頁(yè)面都會(huì)被批量壓縮,
看是不是壓縮的明明白白的了。

代碼github地址

沒(méi)有服務(wù)器學(xué)習(xí)的童鞋可以看看騰訊云的 1核2G,1M帶寬,50GB存儲(chǔ)空間的云服務(wù)器,120一年哦。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/53301.html

相關(guān)文章

  • 通過(guò) Node 批量下載文件到本地(多文件)

    摘要:包批量下載雖然說(shuō)可以遍歷所有文件,然后去批量下載單個(gè)文件,但是這種體驗(yàn)畢竟不太好,最常見(jiàn)的做法是把批量的文件下載并打包到中。 最近在做一個(gè)文件下載的功能,這里把做的過(guò)程中用的技術(shù)和坑簡(jiǎn)要總結(jié)下。上篇文章《通過(guò) JavaScript 下載文件到本地(單文件)》說(shuō)了下如何下載單文件,這篇主要說(shuō)下如何做多文件的批量下載 多文件分別處理 如果文件數(shù)量可控,對(duì)于下載出來(lái)的文件格式無(wú)要求,可以用最...

    plus2047 評(píng)論0 收藏0
  • Webpack 4 和單頁(yè)應(yīng)入門(mén)

    摘要:但由于和技術(shù)過(guò)于和復(fù)雜,并沒(méi)能得到廣泛的推廣。但是在瀏覽器內(nèi)并不適用。依托模塊化編程,的實(shí)現(xiàn)方式更為簡(jiǎn)單清晰,一個(gè)網(wǎng)頁(yè)不再是傳統(tǒng)的類似文檔的頁(yè)面,而是一個(gè)完整的應(yīng)用程序。到了這里,我們的主角登場(chǎng)了年此處應(yīng)有掌聲。和差不多同期登場(chǎng)的還有。 Github:https://github.com/fenivana/w...webpack 更新到了 4.0,官網(wǎng)還沒(méi)有更新文檔。因此把教程更新一下...

    Zoom 評(píng)論0 收藏0
  • Java Web 前端高性能優(yōu)化(一)

    摘要:一引言前端的高性能部分,主要是指減少請(qǐng)求數(shù)減少傳輸?shù)臄?shù)據(jù)以及提高用戶體驗(yàn),在這個(gè)部分,圖片的優(yōu)化顯得至關(guān)重要。 Web 發(fā)展的速度讓許多人嘆為觀止,層出不窮的組件、技術(shù),只需要合理的組合、恰當(dāng)?shù)脑O(shè)置,就可以讓 Web 程序性能不斷飛躍。所有 Web 的思想都是通用的,它們也可以運(yùn)用到 Java Web。這一系列的文章,主要講解網(wǎng)頁(yè)前端性能優(yōu)化,是與用戶最直接接觸的。事實(shí)證明,與其消耗...

    lemon 評(píng)論0 收藏0
  • webpack 簡(jiǎn)易配置入門(mén)教程

    摘要:使用等預(yù)處理器編寫(xiě)可以將你項(xiàng)目中的所有文件,處理成瀏覽器能識(shí)別的文件。測(cè)試打包基本的配置就完成了。修改處理文件執(zhí)行順序是從右到左修改一下入口文件中的樣式引入打包測(cè)試完美通過(guò)。這時(shí)可以使用提供的配置來(lái)使引入文件的時(shí)候變得更加方便簡(jiǎn)單。 showImg(https://segmentfault.com/img/remote/1460000010844617); 本文正文鏈接 最近公司弄了個(gè)...

    JackJiang 評(píng)論0 收藏0
  • Webpack 愛(ài)與恨

    摘要:關(guān)于標(biāo)題,為什么是愛(ài)與恨因?yàn)樵趧偝鰜?lái)的時(shí)候,我并不是堅(jiān)定的支持者,有很多地方用起來(lái)不方便,設(shè)計(jì)不合理。用戶只有首次訪問(wèn)需要下載全部靜態(tài)資源,以后的訪問(wèn)都直接使用緩存資源。首先,在中添加字段,當(dāng)為時(shí),則開(kāi)啟服務(wù)。例如請(qǐng)求的是則返回中的數(shù)據(jù)。 關(guān)于標(biāo)題,為什么是愛(ài)與恨? 因?yàn)樵?webpack 剛出來(lái)的時(shí)候,我并不是堅(jiān)定的支持者,有很多地方用起來(lái)不方便,api 設(shè)計(jì)不合理。隨著 webpa...

    HmyBmny 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<