下载阿里巴巴矢量图标库的步骤elementUI设置自定义图标库 - 简书 (jianshu.com)
复制其中的文件到项目中的theme-chalk文件中你存放字体的地方
我新建的是m-icon的组件
在上文下载的字体文件中有一个叫做iconfont.css文件的，将里面的内容复制粘贴到m-icon.scss（或者是对应的less、css）中，稍作修改
新建gen-cssfile脚本命令:"gen-cssfile": "node build/bin/gen-cssfile"
执行npm run gen-cssfile
修改build/bin/iconInit.js文件
执行npm run build:file,会在/examples目录下生成自己的图标库的json文件
在/example/entry.js文件中
import mIcon from './m-icon.json'
Vue.prototype.$mIcon = mIcon;
运行代码发现没有生效，然后在play.js中发现引用的index样式中引入了icon.scss，最后把自己写的icon.scss引入
最后要在base.scss（包含在index.css）中引用m-icon.scss
就可以直接使用了
参考链接:如何快速为团队打造自己的组件库（下）—— 基于 element-ui 为团队打造自己的组件库 - 掘金 (juejin.cn)
