smt-icon-cli

build your own smt-icon component

Usage no npm install needed!

<script type="module">
  import smtIconCli from 'https://cdn.skypack.dev/smt-icon-cli';
</script>

README

简介

提供含有指定icon集合的定制化smt-icon组件

使用说明

Step 1

安装插件

npm install smt-icon-cli --sav-dev

Step 2

生成配置文件

npx smticon-init

此时项目根目录会生成一个smt-icon.json的文件,内容如下:

{
    "iconList": ["请在此配置自定义的smt-icon组件所包含的icon名称(可参看smt-icon的示例了解全部的icon名称)"],
    "saveDir": "./smt-icon"
}

配置参数说明:

iconList

需要打包的icon名称列表。smt-icon组件包含的所有icon可扫码官网示例查看:官网链接

二维码

saveDir

按需打包后的smt-icon组件存放的目录。每次生成组件之前,该文件夹都会被清空。

Step 3

生成含有指定icon的smt-icon组件。每次生成组件之前,都会去获取一次线上最新的icon集合.

npx smticon-run

Step 4

page.json文件中引入,如:

// 绝对路径
{
    "usingComponents": {
        "smt-icon": "/smt-icon/index"
    }
}