// 注册复用多次的组件
import upperFirst from 'lodash/upperFirst' //转换首字母大写
import camelCase from 'lodash/camelCase' //驼峰命名法
// 1、 借助webpack动态将需要的基础组件统统打包进来
// import layout from './components/component/layout' //引入文件夹
const requireComponent =require.context(
'./components/component',true,/\.vue$/
)
console.log(requireComponent.keys(),'requireComponent')
requireComponent.keys().forEach(fileName => {
// 获取组件配置
const componentConfig =requireComponent(fileName)
// 获取组件命名
const componentName = upperFirst(
camelCase(
fileName.replace(/^\.\/(.*)\.\w+$/, '$1')
)
)
console.log(componentName)
// 全局注册组件
Vue.component(
componentName,componentConfig.default || componentConfig
)
});