这样组件分类也可以解决
const Modules = [
require.context('./components/global', true, /\.vue$/),
require.context('./components', true, /\.vue$/),
]
Modules.forEach(el => {
el.keys().forEach( fileName => {
// 获取组件配置
const componentConfig = el(fileName);
// 剥去文件名开头的 `./` 和`.vue`结尾的扩展名
const componentName = fileName.replace(/^\.\//, '').replace(/\.vue$/, '');
// 全局注册组件
const component = Vue.component(
componentName.replace(/\//, '-'),
componentConfig.default || componentConfig
)
})
})
Vue 之 自动化全局注册在开发vue项目过程中，如果路由、组件等过多的话，注册起来是一件很麻烦的事情，这里引入自动化注册会很大程度上减少工作量。webpack使用 require.context 可...