import Vue from 'vue'
// 使用的是webpack require.context(路径【表示公共的组件的目录】,文件深入循环查找【bool】,正则【最终要使用的组件】 )
const requireComponent = require.context('./', true, /\.vue$/)
console.log(requireComponent.keys(), 3344222)
requireComponent.keys().forEach((item) => {
// console.log(requireComponent[item], 77) // ['./bread.vue', './pubArt.vue', './qq/q.vue']
/* 获取的是 每一个组件暴露出来的对象 */
const defaultObj = requireComponent(item).default
Vue.component(defaultObj.name, defaultObj)
})
最后main.js中导入
1.
./ 与index.js同级的,有个First.vue文件,还有个component文件夹,它里面也有很多XXX.vue,由于true,深入循环查找,同级的component文件夹里的vue结尾文件,都会被找到
2.main.js导入
3.把组件name当标签使用