Webpack打包优化(3)

Lazy Loading Routes

利用import动态导入

import('/modules/my-module.js')  //import() 返回一个promise
  .then((module)=>{
  });

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

路由懒加载 vue Lazy Loading Routes

// replace
// import UserDetails from './views/UserDetails'
// with
const UserDetails = () => import('./views/UserDetails')

const router = createRouter({
  // ...
  routes: [{ path: '/users/:id', component: UserDetails }],
}

Vue路由懒加载地址

posted @ 2022-05-09 09:38  mengxiangzhi  阅读(17)  评论(0编辑  收藏  举报