vue 基础组件的自动化注册 require.context

引子：

在vue中我们将元素封装为组件，并进行多次复用，以此提高应用开发效率

问题：

但如果该组件被多个页面应用，却要在每个页面去引用一次，这样就会显得啰嗦并且代码重复，开发效率低，如何破局？

如何破局？

通过require.context全局注册基础的通用组件

1. 在components下新建baseComponentsRegister.js，通过require.context全局注册
2. 在main.js 中引入baseComponentsRegister.js
3. 在想使用基础组件的页面直接引用组件

1.在components下新建baseComponentsRegister.js，通过require.context全局注册

项目目录结构如下：

// baseComponentsRegister.js
//基础组件的自动化全局注册

import Vue from "vue"

const requireComponent = require.context(
    // 其组件目录的相对路径