vuecli3关闭 Prefetch

Prefetch 链接将会消耗带宽。如果你的应用很大且有很多 async chunk，而用户主要使用的是对带宽较敏感的移动端，那么你可能需要关掉 prefetch 链接并手动选择要提前获取的代码区块。

// vue.config.js
module.exports = {chainWebpack: config => {// 移除 prefetch 插件config.plugins.delete('prefetch')// 或者// 修改它的选项：config.plugin('prefetch').tap(options => {options[0].fileBlacklist = options[0].fileBlacklist || []options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)return options})}
}

当 prefetch 插件被禁用时，你可以通过 webpack 的内联注释手动选定要提前获取的代码区块：

import(/* webpackPrefetch: true */ './someAsyncComponent.vue')

webpack 的运行时会在父级区块被加载之后注入 prefetch 链接。

vue cli 官方文档说明

vuecli3关闭 Prefetch相关推荐

html prefetch的原理,关闭prefetch
如何关闭prefetch和superfetch win8系统中,SuperFetch(超级预取)功能,此功能尝试预测下次运行的程序并预先加载必要数据到内存,它可以预测一天某个时段中将运行的三个应用程序 ...
What every programmer should know about memory 笔记
What every programmer should know about memory, Part 1(笔记) 每个程序员都应该了解的内存知识[第一部分] 2.商用硬件现状现在硬件的组成对于p ...
问题排查：vue项目刷新页面加载了500多个请求？
问题背景某项目上线后,打开登录页加载了500多个请求,包含了js.css.png等等. 因为项目部署在第三方云平台,直接被当做恶意攻击,把IP封掉了如下图: 问题分析 Webpack 内置了 pr ...
固态硬盘SSD使用随笔
新近入手一块固态硬盘,甚是兴奋,新东西嘛,一来要设法充分发挥其优势,二来还要好好保护,使用得当.经过长时间的研究,这里把看到的各种教程.网友经验等等汇总一下,希望能给大家提供一点帮助. 注:本文以Wi ...
SSD固态硬盘优化设置图文教程
一.开启AHCI 优化SSD的第一步首先就是要确保你的磁盘读写模式为AHCI,一般来讲如果你的电脑是windows7系统,只需要在安装系统前进入BIOS设置下磁盘读写模式为"AHCI&quo ...
12个固态硬盘优化技巧，延长固态硬盘使用寿命
笔者实在无法忍受机械硬盘的慢,在亚马逊上败了一个创见256G的固态硬盘.但固态硬盘应该如何优化,对此笔者一概不知,毕竟之前从未接触过固态硬盘.为此恶补SSD优化(固态硬盘优化)的相关知识,了解到办法主 ...
固态硬盘寿命不长？！快来看看12个固态硬盘优化技巧
http://www.ipc.me/ying-pan-you-hua-ji-qiao.html SSD优化(固态硬盘优化)是如何优化的呢?相信许多人都对此一概不知,以下分享的是关于固态硬盘优化技巧,希 ...
SSD固态硬盘优化教程
一.开启AHCI 优化SSD的第一步首先就是要确保你的磁盘读写模式为AHCI,一般来讲如果你的电脑是windows7系统,只需要在安装系统前进入BIOS设置下磁盘读写模式为&q ...
SSD固态硬盘优化（转）
转自"http://www.ipc.me/ying-pan-you-hua-ji-qiao.html" SSD优化(固态硬盘优化)是如何优化的呢?相信许多人都对此一概不知,以下分享 ...

vuecli3关闭 Prefetch

vuecli3关闭 Prefetch相关推荐

最新文章

热门文章