注册复用多次的组件 全局

// 注册复用多次的组件

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

)

});