webpackChunkName魔法注释

在vue的路由中配置

const router = new Router({
  routes: [
    {
      path: "/home",
      component: () => import(/* webpackChunkName: "home" */'@/views/home'),
      meta: { type: '首页' }
    }
  ],
});

Vue中运用import的懒加载语句以及webpack的魔法注释，在项目进行webpack打包的时候，对不同模块进行代码分割，在首屏加载时，用到哪个模块再加载哪个模块，实现懒加载进行页面的优化。