miniprogram-iconfont
v1.0.7
Published
Generate Iconfont SVG/CSS assets for WeChat Mini Program projects from Alibaba Iconfont URLs.
Maintainers
ktlshyaReadme
miniprogram-iconfont
一个用于从阿里巴巴 Iconfont JS 地址生成 WeChat 小程序可用 SVG/CSS 图标的命令行工具。
特性
- 一条命令拉取 Iconfont 并生成
icons.css - 自动根据图标颜色数选择 mask/background 方案
- 适配小程序：使用
1em尺寸、currentColor继承色 - 零依赖运行时，仅依赖生成出的 CSS
安装
pnpm add -D miniprogram-iconfont
# 或
npm install -D miniprogram-iconfont使用
准备好 Iconfont 项目的 JS 链接（示例：https://at.alicdn.com/t/c/font_XXXX.js），在项目根目录执行：
npx miniprogram-iconfont -u https://at.alicdn.com/t/c/font_XXXX.js运行后会在当前目录生成/覆盖 icons.css。
在小程序中使用：
- 将
icons.css放到小程序样式目录并通过@import或构建工具引入； - 在页面或组件中添加
class="icon icon-xxx"。
可用参数
-u, --url <url>：Iconfont JS 资源地址（必填）-h, --help：查看帮助-V, --version：查看版本