微信小程序開發中自動更新 iconfont 樣式文件的小工具：mp-iconfont-cli

在微信小程序開發中，使用 iconfont 須要引用本地的文件。每次 iconfont 項目發生變動時，須要去下載最新的 css 文件，而且還要手動刪除掉裏面對於小程序無用的 src url(*) 兼容節點，而後保存爲 wxss 文件。整個過程比較繁瑣，這個小工具能夠幫你自動完成這些工做。
項目地址：https://github.com/deepfunc/mp-iconfont-cli

運行效果

使用指南

安裝

npm i -D mp-iconfont-cli

請安裝 Node.js 8+ 版本。

使用範例

目前僅支持 GitHub 帳號登陸 iconfont。安裝完畢後，在你的項目根目錄下運行：

npx iconfont-update

運行過程當中會列出 iconfont 中個人項目列表，選擇你須要的項目，按照後面的提示操做便可。

清除設定值

第一次運行完畢後，工具會記住你的選項，下次再運行時無需重複輸入了。若是須要清除輸入過的設定值，運行下面的命令：

npx iconfont-update --clear

顯示詳細錯誤內容

有時因爲網絡不太好或者其餘狀況會出現異常錯誤，如須要顯示詳細的異常信息，請在運行時加上選項 --trace：

npx iconfont-update --trace

設計思路

• 使用 puppeteer 模擬網頁交互
• 使用 inquirer 和 ora 加強 CLI 交互
• 使用 css-tree 處理 CSS AST
• 使用 configstore 保存用戶設定值