在vue的路由中配置
const router = new Router({
routes: [
{
path: "/home",
component: () => import(/* webpackChunkName: "home" */'@/views/home'),
meta: { type: '首页' }
}
],
});
Vue中运用import的懒加载语句以及webpack的魔法注释，在项目进行webpack打包的时候，对不同模块进行代码分割，在首屏加载时，用到哪个模块再加载哪个模块，实现懒加载进行页面的优化。
