原文:vue-router中,require代替import解决vue项目首页加载时间过久的问题

vue的路由配置文件 routers.js ,一般使用import引入的写法,当项目打包时路由里的所有component都会打包在一个js中,在项目刚进入首页的时候,就会加载所有的组件,所以导致首页加载较慢,而用require会将component分别打包成不同的js,按需加载,访问此路由时才会加载这个js,所以就避免进入首页时加载内容过多。 require: 运行时调用,理论上可以运用在代码的任 ...

2019-09-09 17:20 0 1133 推荐指数:

查看详情

vue-routerImport() 异步加载模块问题解决方案

关注不迷路,如果解决问题,留下个赞。 1、问题现象 2、出现问题的代码点 3、替代方案: 把import() 替换成如下: 4、原因分析 项目在编译时,出现一个警告 这个警告的含义: require接收了一个变量,会报上面的警告,接收一个写死的字符串值时 ...

Wed May 13 18:13:00 CST 2020 0 2018
vueimportrequire加载的区别

import只是请求模块需要的部分, require是整包加载。相比之下import性能更好一点,节约了内存 import是异步加载require同步加载。也就是说如果你同时有多个包需要require,则他们需依次执行。 import语法更紧凑/更具声明性,基本消除 ...

Fri Nov 27 23:53:00 CST 2020 0 548
vue import(变量) 出错用require代替

最近在做一个项目,搭建项目的时候,有一个需求是动态引入菜单,也就是每一个角色的路由都是通过后台获取后再通过addRoutes注册,从中就遇到了问题。 我们知道,一个路由,需要先引入组件,例如 import xxx from ‘@/views/xxx’ ,component:xxx 这样,也就 ...

Wed May 27 19:44:00 CST 2020 0 2151
解决vue项目首页加载过慢的情况

1.路由懒加载 路由懒加载 此方法会把原本打包到一个app.js文件分开成多个js文件打包,这样会减小单个文件的大小,但是不会减小整个js文件夹的大小。通过这种方式可以做到按需加载,只加载 ...

Thu Jan 03 19:30:00 CST 2019 0 1556
vue-router linkActiveClass问题

在使用vue做移动端的时候,底部四个菜单当前菜单需要高亮显示,但是由于路由配置的问题导致了下图中的问题: # 首页会一直常亮,不论是否有点击(路由配置如右图) 经过排查,发现问题出现在router配置的路由路径存在两个“/”,才导致了这个问题,修改任意一个path值即可恢复正常。如下图: ...

Fri Mar 08 00:34:00 CST 2019 0 652
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM