本文介绍: 让uniapp小程序支持多色图标icon:iconfont-tools-cli,yarn安装,配置,项目正常启动或打包直接执行编译;无需单独下载iconfont-tools项目本地执行处理

uniapp开发小程序项目时,对于iconfont多色图标无法直接支持;若将多色icon下载引入项目则必须关注包体,若将图标放在oss或者哪里管理,加载又是一个问题,因此大多采用iconfont-tools工具,但是iconfont-tools使用需要下载iconfont-tools工程进行编译转换,过于繁琐,因此我在iconfont-tools工具的基础上进行了改造,yarn安装,配置,项目正常启动或打包直接执行编译。

基于iconfont-tools的改造工具:iconfont-tools-cli

1、在项目根目录创建配置文件:config/iconfont.config.js

 2、package.json中配置命令

        命令中:

3、将编译/更新命令配置到项目启动或打包中去

4、项目启动/打包后,会看到生成的css文件,并将其引入App.vue文件中 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注