前端首页渲染请求600多条js

发布时间:2023年12月22日

问题:利用webpack打包上线后,登录首页,居然加载了671条js、css、png等等,之前在测试环境并没有此问题

分析原因:Webpack 内置了 prefetch 预加载插件,会告诉浏览器在页面加载完成后,利用空闲时间加载用户未来可能用到的内容。只要关闭 prefetch 插件,就能实现只加载当前页面用到的脚本。

解决方案:

在 vue.config.js 添加这行代码:

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

然后再看,请求减少了很多,只有47条了

文章来源:https://blog.csdn.net/cozy666/article/details/135145939
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。