node 字型壓縮外掛程式 font spider

2021-09-13 11:14:08 字數 572 閱讀 7813

需求:

根據甲方要求,使用ui中指定字型

移動端預設顯示系統預設字型,非系統預設字型需要自行引入字型包

字型包過大,字型包通常在幾mb,嚴重拖累頁面載入速度

分析:文字內容為固定內容,不需要更新

文字內容大多為常用文字,大多文字用不上

外掛程式:

font-spider

node 安裝外掛程式方法:npm install font-spider -g

操作:

安裝外掛程式

提取專案文字:

建立乙個臨時html,將所有專案需要用到的文字放到html中

在htmnl中寫入樣式**,舉個栗子:

@font-face 

*

在命令提示視窗中,將目錄展開到html所在的目錄,輸入指令:font-spider *.html 即可將該目錄下所有html的字型抽離打包。

注意:如果頁面文字內容需要經常更新

如果需要對input表單內容同樣應用定製字型請放棄本文章所述方法,可以考慮通過服務端渲染,動態生成字型包,或者,老老實實將完整的字型包引入頁面

使用node壓縮js

安裝完成後開啟cmd執行 node v 執行 npm v 確定node安裝成功,然後安裝uglifyjs,開啟cmd輸入下面命令 npm install uglify js g 安裝好後就可以壓縮js了 首先開啟cmd,進入js檔案所在目錄位置,然後使用命令 uglifyjs js檔案 m o 目標...

使用node壓縮js

安裝完成後開啟cmd執行 node v 執行 npm v 確定node安裝成功,然後安裝uglifyjs,開啟cmd輸入下面命令 npm install uglify js g 安裝好後就可以壓縮js了 首先開啟cmd,進入js檔案所在目錄位置,然後使用命令 uglifyjs js檔案 m o 目標...

webpack js壓縮外掛程式

webpack主要是用來處理模組化開發,所以對於檔案壓縮等等一些操作,需要通過外掛程式來完成。webpack內建了一些外掛程式,例如js壓縮外掛程式,我們使用的時候,直接配置plugins屬性即可使用。webpack中內建的js壓縮外掛程式,存放在webpack的optimize物件下。webpac...