微信小程序开发中自动更新 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 保存用户设定值