批量注册 Vue Components

话不多说，直接上代码

import Vue from 'vue'
import _ from 'lodash'
const requireComponent = require.context('@/components', true, /\.vue$/)
// 批量注册组件
requireComponent.keys().forEach(fileName => {
    const componentConfig = requireComponent(fileName)
    const componentName = _.upperFirst(// 调整风格为首字母大写驼峰
        _.camelCase(fileName.replace(/^\.\//, '').replace(/\.\w+$/, ''))
    )
    Vue.component(componentName, componentConfig.default || componentConfig)
})

这段代码只能在 webpack 或 vue-cli 项目中用，因为用到了 webpack 的 api。

建议放在 components 文件夹下的根目录，最后在 main.ts 中导入 components 文件夹即可

• 本文作者： 草梅友仁(CaoMeiYouRen)
• 本文链接： https://wp.cmyr.ltd/archives/batch-registration-vue-components
• 版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！