// 自动化检测文件，获取然后全局注册
const routerContext = require.context("./", true, /\.vue$/);
const globalComponents = [];
routerContext.keys().forEach(route => {
const routerModule = routerContext(route);
// 如果是 gRegion.vue 不处理
if (route.startsWith("./gRegion")) {
return;
}
/**
* 兼容 import export 和 require module.export 两种规范
* import export 有 default 用 routerModule.default
*/
globalComponents.push(routerModule.default || routerModule);
});
export default {
install(Vue) {
// 全局注册组件
globalComponents.forEach(item => {
Vue.component(item.name, item);
});
}
};
require.context妙用-实现前端自动引入同一文件夹下多个文件（替代import）
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Python import 同文件夹下的py文件的函数，pycharm报错 原因：pycharm不会将当前文件目录...
- 步骤一.使用require.context实现前端工程自动化步骤二.requireContext.keys().m...
