// 自動化檢測文件,獲取然后全局注冊
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 兩種規(guī)范
* import export 有 default 用 routerModule.default
*/
globalComponents.push(routerModule.default || routerModule);
});
export default {
install(Vue) {
// 全局注冊組件
globalComponents.forEach(item => {
Vue.component(item.name, item);
});
}
};
require.context妙用-實現(xiàn)前端自動引入同一文件夾下多個文件(替代import)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門乐尊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人划址,你說我怎么就攤上這事扔嵌∠薷” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵痢缎,是天一觀的道長胁勺。 經(jīng)常有香客問我,道長独旷,這世上最難降的妖魔是什么署穗? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮嵌洼,結(jié)果婚禮上案疲,老公的妹妹穿的比我還像新娘。我一直安慰自己麻养,他們只是感情好褐啡,可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著回溺,像睡著了一般春贸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上遗遵,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼琅坡!你這毒婦竟也來了悉患?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布微峰,位于F島的核電站阐滩,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏县忌。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一继效、第九天 我趴在偏房一處隱蔽的房頂上張望症杏。 院中可真熱鬧,春花似錦瑞信、人聲如沸厉颤。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽逼友。三九已至,卻和暖如春秤涩,著一層夾襖步出監(jiān)牢的瞬間帜乞,已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- Python import 同文件夾下的py文件的函數(shù)宝恶,pycharm報錯 原因:pycharm不會將當前文件目錄...
- 步驟一.使用require.context實現(xiàn)前端工程自動化步驟二.requireContext.keys().m...