利用nodejs的require.context来实现不用写impor导入组件

function changStr(str) {
  return str.charAt(0).toUpperCase() + str.slice(1) // charAt() 方法可返回指定位置的字符。请注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。
}
export default {
  install(Vue) {
    const requireAll = require.context(
      ‘../components/teachers/components‘,
      false,
      /\.vue$/
    )
　　//keys()是得到文件名称是个数组

    requireAll.keys().forEach(item => {
      Vue.component(
        changStr(item.replace(/\.\//, ‘‘).replace(/\.vue$/, ‘‘)),
        requireAll(item).default
      )
    })

    const requireAlla = require.context(
      ‘../components/student/components‘,
      false,
      /\.vue$/
    )
    requireAlla.keys().forEach(item => {
      Vue.component(
        changStr(item.replace(/\.\//, ‘‘).replace(/\.vue$/, ‘‘)),
        requireAlla(item).default
      )
    })
  }
}

require.context遍历当前目录下的components/teachers/components文件夹的所有.js结尾的文件,不遍历子目录 第一个参数是读取文件的路径 第二个参数是否遍历文件的子目录 第三个参数匹配文件的正则  执行后返回的是一个函数并且这个函数有三个属性 1，resolve{function}接受一个参数request，request为api文件夹下面匹配文件的相对路劲，返回这个匹配文件相对于整个工程的相对路径 2，keys{function} 返回匹配成功模块的名字组成的数组 3，id{string} 执行环境的id返回的是一个字符串，感觉id就是返回这个文件整体的路径   resolve方法返回了一个字符串代表着传入参数的文件相对于整个工程的相对路径