vue-cli真正实现按需加载

271 阅读1分钟

在router配置文件中,改变路由的组件引入方式,不在最上面统一引入

{
  path: '/cart',
  name: 'Cart',
  // component: Cart
  // component: resolve => require(['../views/Cart.vue'], resolve)
  component: () => import('../views/Cart.vue'),
  meta: {
    title: '购物车'
  }
}

但是这样浏览器还会有个预先加载,要取消这个需要在vue.config.js中配置

image.png

  chainWebpack: config => {
    config.plugins.delete('prefetch')
  }

这样就没了

image.png