gpt4 book ai didi

vue.js - Vue在第一个请求上加载所有 block

转载 作者:行者123 更新时间:2023-12-03 06:46:37 28 4
gpt4 key购买 nike

我正在学习Vue,并且刚刚进入路由章节。我可以使用初始路由器配置使用vue / cli创建模板项目。这是路由器代码:

export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
component: Home,
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/About.vue'),
},
],
});

根据代码和 docs的注释,这应该足以延迟加载About组件。

当我尝试加载应用页面时,将获取“about.js”脚本:

About code not lazy loaded

如果导航到关于浏览器,则从磁盘缓存中获取脚本:

enter image description here

我很困惑。我原本只希望导航到“关于”页面后才能看到about.js脚本。我想念什么吗?

最佳答案

@TJWeems指出的discussion非常说明。

在使用webpack-chain禁用预取插件后,我获得了预期的行为。我刚刚在根目录(与package.json相同)上创建了 vue.config.js ,内容如下:

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

只是为了记住我是出于好奇而做的。我可能会在将来的项目中启用预取插件,而只是考虑在特定情况下将其禁用。

关于vue.js - Vue在第一个请求上加载所有 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53598721/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com