require.content

// require.context

// 作用: 一个 webpack 的 api , 用来一次性导出多个文件 （例如： 1.全局注册组件 2.一次性导出api 3.统一导出store modules模块

// 接收三个参数 1.要搜索的文件夹目录 2.是否还应搜索它的子目录 3. 匹配文件的正则表达式

// <------ 全局注册组件 ------>

// 获取文件夹下除了exclude的所有组件
const requireFolderName = (files, exclude) => {
  // 定义一个对象用来装自定义组件
  const components = {}

  // 遍历文件夹去除不需要的文件
  const filterArr = files.keys().filter(item => exclude.indexOf(item) === -1)

  for (const url of filterArr) {
    // 拿到单个组件的实例对象
    const obj = files(url).default ? files(url).default : files(url)

    // 放入components对象中
    const urlArr = url.split('/')
    components[urlArr[urlArr.length - 2]] = obj
  }
  return components
}

// !!!! 下面三个参数自行修改 （1.要搜索的文件夹目录 2.是否还应搜索它的子目录 3. 匹配文件的正则表达式）
const files = require.context('@/commons', true, /^\.\/[\s\S]+\/index.vue$/)
const components = requireFolderName(files, 'index.js')

export default {
  install (Vue, options) {
    for (let key in components) {
      Vue.component(key, components[key])
    }
  }
}

// <------ 全局注册组件 ------>