利用requier.context()自动构建路由

router文件的index.js

import Vue from 'vue';
import VueRouter from 'vue-router';
// import About from './about.routes.js';
// import Home from './home.routes.js';
Vue.use(VueRouter)

const routesList=[]
function importAll(r){
  r.keys().forEach((route)=>{
    routesList.push(r(route).default)
  })
}
importAll( require.context('.',false,/routes\.js$/) )

export default new VueRouter({
  mode:'history',
  routes:[
    // Home,
    // About
    ...routesList
  ]
})

about.routes.js代码：

export default {
  path: '/about',
  name: 'about',
  component: () => import('../pages/about.vue')
}