需求:
根據甲方要求,使用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...