vue3+webpack中懒加载

vue3+webpack中懒依赖

使用懒加载优化路由配置

import_development.js

module.exports = file => require('@/module-' + file + '.vue').default

import_production.js

module.exports = file => () => import('@/module-' + file + '.vue')

使用懒加载配置路由

const _import = require('./import_' + process.env.NODE_ENV) // 懒加载 导包

export const constantRouterMap = [
  {
    path: '/login',
    component: _import('dashboard/pages/login'), // 不使用懒加载则如下： component: resolve => require(['@/module-dashboard/pages/login.vue'], resolve),
    hidden: true
  }
]

const router = new Router({
  mode: 'history',
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})

export default router

懒加载配置就说到这里了，希望对大家有所帮助