index.ts

import { kebabCase } from 'lodash'
import { createApp } from 'vue'
import { createFromIconfontCN } from '@ant-design/icons-vue'
import { StaticConfig } from '@/config/app'
// iconfont的使用姿势: 2x.antdv.com/components/icon-cn/#components-icon-demo-use-iconfont.cn
const IconFont: any = createFromIconfontCN({
  scriptUrl: StaticConfig.IconfontURL
})

/**
 * @description 自动将 ./src/components/global 下的组件注册成为全局组件
 * @param {vue} app 当前应用实例
 * @returns {void} void
 */
export function registeGlobalComponent(
  app: ReturnType<typeof createApp>
): void {
  const files = require.context('./global', true, /\.(vue|ts)$/)
  files.keys().forEach((key) => {
    const config = files(key)
    const name = kebabCase(key.replace(/^\.\//, '').replace(/\.\w+$/, ''))
    app.component(name, config.default || config)
  })

  // 全局注册 iconfont
  app.component('IconFont', IconFont)
}