Vue-router优化import引入过多导致index文件臃肿问题

function importAll (require) {
  console.log(require.keys(),'keys')  // 此处是由多个文件路径组成的数组
  require.keys().forEach(item=>{
    routerAll.push(require(item).default)
  })
  console.log(routerAll,'routerALL')  // 将文件的 export default 暴露出去
}
importAll(require.context('./',true,/\.js/))let routerAll = []；
function importAll (require) {
  console.log(require.keys(),'keys')  // 此处是由多个文件路径组成的数组
  require.keys().forEach(item=>{
    routerAll.push(require(item).default)
  })
  console.log(routerAll,'routerALL')
}
importAll(require.context('./',true,/\.js/))

require.context(deirectory,useSubdirectories,regExp)

const ctx = require.context('./components/', true, /\.js$/)
console.log(ctx.keys())
// ["./A.js", "./B.js", "./C.js", "./D.js"]

import Vue from 'vue'
// 自定义组件
const requireComponents = require.context('../views/components', true, /\.vue/)
// 打印结果
// 遍历出每个组件的路径
requireComponents.keys().forEach(fileName => {
  // 组件实例
  const reqCom = requireComponents(fileName)
  // 截取路径作为组件名
  const reqComName =reqCom.name|| fileName.replace(/\.\/(.*)\.vue/,'$1')
  // 组件挂载
  Vue.component(reqComName, reqCom.default || reqCom)
})