umi-plugin-cool-iconfont

umi 的插 iconfont 件

主要特性：

• 只需要指定 iconfont 的版本号，即可相应的 Iconfont 组件。
• 支持 typescript。可以自动生成 d.ts 文件
• 支持 treeshake。每个 icon 对应一个组件。编译时，开启 treeShake 即可按需加载。
• 支持彩色图标。并且支持通过色相旋转的方式统一调整或调整指定彩色图标的主题

umi 配置

  {
    iconfont:{
      version:string,//'font_1467881_qkpjlmtv2x',
      defaultHueRotate?:number//默认彩色图标的色相旋转角度，可以通过这个整体调整彩色图标的主题色
    }
  }

iconfont 使用

import { IconExpand, IconFind, IconShapePath, IconShapeRect } from 'umi';

export default () => {
  return (
    <div>
      <h1 className={styles.title}>
        Page index
        <IconExpand/>
        <IconFind></IconFind>
        <IconShapePath/>
        <IconShapeRect/>
        <IconShapeRect hueRotate="100"/>
      </h1>
    </div>
  );