微信小程序——优雅使用彩色iconfont图标

一：安装插件

// Yarn
yarn add mini-program-iconfont-cli --dev
// Npm
npm install mini-program-iconfont-cli --save-dev

二、生成配置文件

npx iconfont-init
 
// 或者
 
npx iconfont-wechat

三、 复制iconfont官网你的项目的Symbol链接

四、生成小程序组件

npx iconfont-wechat

五：注册iconfont组件并使用

app.json文件

// 绝对路径
{
    "usingComponents": {
        "iconfont": "/iconfont/iconfont"
    }
}

六： 使用

<iconfont name="icon-edit_small" size="38"></iconfont>

七：注意，在更新图标时，一定要执行此命令

npx iconfont-wechat