Estoy desarrollando una aplicación Vue que es bastante grande, y ahora tengo que escribir todas las rutas en una página enrouter/index.js y ya se está volviendo demasiado largo para gustar o incluso mantener. losindex.js La página está llena de declaraciones como ...

import This from '../components/This'
import That from '../components/That'
import ThatOther from '../components/ThatOther'
import ThatOtherOne from '../components/ThatOtherOne'
// and so on and so on...then at the bottom
var router = new Router({                  
routes: [
    {
        path: '/this', 
        name: 'this', 
        component: This
    },
    {
        path: '/that', 
        name: 'that', 
        component: That
    },
// and so on...so many lines of similar and "repetitive" code

Como mi aplicación se puede agrupar en "módulos", ¿hay alguna manera de dividir las rutas en archivos separados?import declaraciones y las entradas del enrutador) en me gustarouter/this.js,router/that.js...', then add them to the main route page,router / index.js`?