Vue Router路由懒加载

router.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

const login = () => import('@/pages/login/login') // 登录
const registered = () => import('@/pages/login/registered') // 注册
let router = new Router({
    routes: [
        {
            path: '/login', //登录
            name: 'login',
            component: login,
        },
        {
            path: '/registered', //注册
            name: 'registered',
            component: registered,
        },
	]
})
export default router;

main.js引入router

import Vue from 'vue'
import App from './App'
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no-new */
window.vms = new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>'
})

npm run build 打包后