在微信小程序开发中,使用 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

设计思路


deepfunc
776 声望634 粉丝