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