vue2全局组件使用require.context自动化注册

require.context 是webpack 中的一个api ，可以通过指定路径，来获取路径下所指定后缀的文件内容!

参数

require.context('@/api' , true, /(.js$)/);

使用

const path = require("path");
const moudule = {};
const files = require.context("@/components", true, /\.vue$/)
/*
    实际上是 webpack 的方法,vue 工程一般基于 webpack,所以可以使用
    require.context(directory,useSubdirectories,regExp)
    接收三个参数:
        directory：说明需要检索的目录
        useSubdirectories：是否检索子目录
        regExp: 匹配文件的正则表达式,一般是文件名
*/
const install = (Vue) => {
  files.keys().map(key => {
    modules[name] = files(key).default || files(key);
    // console.log("basePath", basePath, key, modules[name]);
    if (modules[name]) {
      console.log("modules[name].name", modules[name].name, modules[name]);
      Vue.component(modules[name].name, modules[name]);
    }
  })
}
export{
  install
}