vue路由 import很多模板看着很乱有没有简便一点方法

Question

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/pages/login/login'
import view from '@/layouts/RouterView'
import Pers from '@/pages/personnel/personnel'
import Role from '@/pages/personnel/role'
import Query from '@/pages/template/query'
import Form from '@/pages/template/form'
...
...
...
假如我有1000个怎么办，请问有没有高效简便的方式

Answer 1

这些应该交给工具完成的，类似于 Nuxt.js。可以参考https://github.com/cklwblove/...

Answer 2

用 require.context 可以解决

Answer 3

      path: 'invoice_list',
        name: 'InvoiceList',
        meta: {
          icon: 'md-grid',
          title: '发票列表'
        },
        component: () => import('@/view/invoice/invoice-list.vue')

直接在菜单里面引用得了，除了那些复用的模板其它的都直接引用，别单独引用再赋值了