vue2-webpack5-pack/src/routes/index.js

开箱即用的 vue2 + Webpack5 项目模板

const Foo = () => import(/* webpackChunkName: "foo" */'@/views/foo');
const Bar = () => import(/* webpackChunkName: "bar" */'@/views/bar');

const routes = [
    {
        path: '*', 
        redirect: '/'
    },
    {
        path: '/',
        redirect: {
            name: "Foo"
        }
    },
    {
        path: '/foo',
        name: "Foo",
        component: Foo,
    },
    {
        path: '/bar',
        component: Bar,
        children: [
            {
                path: '',
                name: 'Baz',
                component: ()=>import(/* webpackChunkName: "baz" */'@/views/baz')
            },
        ]
    },
]

export default routes;