问题:利用webpack打包上线后,登录首页,居然加载了671条js、css、png等等,之前在测试环境并没有此问题
分析原因:Webpack 内置了 prefetch 预加载插件,会告诉浏览器在页面加载完成后,利用空闲时间加载用户未来可能用到的内容。只要关闭 prefetch 插件,就能实现只加载当前页面用到的脚本。
解决方案:
在 vue.config.js 添加这行代码:
chainWebpack: config => {
config.plugins.delete("prefetch")
}
然后再看,请求减少了很多,只有47条了