title: Vue-cli3.0关闭预加载
tags:

  • Vue-cli3.0
  • webpack
    categories:
  • 前端
    date: 2019-08-29 00:00:01

问题描述

项目换成了@vue/cli 3.x之后，有些资源的加载有些异常，登录的时候会加载内页的CSS和js，不知道是不是路由懒加载配置出了问题，还是Vue-cli 3.0配置有问题。
Vue-cli3.0关闭预加载 - 图1

问题原因

Webpack默认开启了“prefetch”选项，即预载功能，可以在配置中关闭

  1. module.exports = {
  2.   chainWebpack: config => {
  3.     config.plugins.delete('prefetch')
  4.   }
  5. }

也可以在需要的页面上面打开此功能。import(webpackPrefetch: true, './someAsyncComponent.vue')

相关链接：https://blog.csdn.net/sinat_35538827/article/details/87969834