2020-02-20全局自动引入组件

globalComponent.js

import Vue from 'vue'
function changeStr(str){
  return str.charAt(0).toUpperCase() + str.slice(1)
}

const requireComponent = require.context('.', false, /\.vue$/)
console.log(requireComponent.keys())
requireComponent.keys().forEach(fileName => {
  const config = requireComponent(fileName)
  const componentName = changeStr(
    fileName.replace(/^\.\//, '').replace(/\.\w+$/, '')   // ./child1.vue => child1
  )
  console.log(componentName)
  Vue.component(componentName,  config.default || config)
})

main

import globalComponent from './components/globalComponent'