本文共 1077 字，大约阅读时间需要 3 分钟。

一、局部批量引入

// 局部批量引入示例组件：(其组件目录的相对路径, 是否查询其子目录, 匹配基础组件文件名的正则表达式)const requireComponent  = require.context('./..', true, /\w+\.vue$/);// 获取所有组件对象const baseComponents = requireComponent.keys().reduce((preModule, curModule) => {    // 模块对象    let value = requireComponent(curModule);    // 组件名    let moduleName = curModule.replace(/^\.\/(.*)\.\w+$/, '$1').split('/')[0];    preModule[moduleName] = value.default;    return preModule;}, {});

二、vue 中注册

方式一：只有批量引入的组件

export default {    components: baseComponents,	methods: {		...	}}

方式二：存在其它组件

export default {    components: {        ...baseComponents,        codes    },	methods: {		...	}}

三、使用方法

四、上源码

五、参考

转载地址：http://ianii.baihongyu.com/