註冊複用多次的組件 全局

// 註冊複用多次的組件

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

)

});