自动注册components下的组件，类似uni-app的easycom

import Vue from 'vue';function capitalizeFirstLetter(string){return string.charAt(0).toUpperCase() + string.slice(1);}const requireComponent = require.context('./components',true,/\.vue$///找到component

最有才的河南大汉

442人浏览 · 2021-05-06 13:53:47

最有才的河南大汉 · 2021-05-06 13:53:47 发布

import Vue from 'vue';

function capitalizeFirstLetter(string){
    return string.charAt(0).toUpperCase() + string.slice(1);
}
const requireComponent = require.context(
    './components',true,/\.vue$/
    //找到components文件夹下以.vue命名的文件
)

requireComponent.keys().forEach(fileName => {
    const componetConfig = requireComponent(fileName)
    let a = fileName.lastIndexOf('/');
    fileName = '.' + fileName.slice(a);
    const componetName = capitalizeFirstLetter(
        fileName.replace(/^\.\//,'').replace(/\.\w+$/,'')
    )
    Vue.component(componetConfig.default.name || componetName, componetConfig.default || componetConfig)
})