AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

除了 require.ensure，还有哪些方法可以实现路由懒加载？

2024-02-23 23
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 除了 require.ensure，还有哪些方法可以实现路由懒加载？

除了require.ensure，实现路由懒加载的方法还有：

  • ES中的import方法：将路由对应的组件打包成一个个的JS代码块，只有在这个路由被访问到时，才加载对应的组件，即对应的js文件。
  • 组件通过箭头函数import组件：将异步组件定义为返回一个Promise的工厂函数，在Webpack 2中，使用动态import语法来定义代码分块点。结合这两者，可以定义一个能够被Webpack自动代码分割的异步组件。
  • vue异步组件技术：以@/pages/Home为例，通过vue异步组件技术实现路由懒加载。

你可以根据项目的具体需求和架构选择适合的路由懒加载方法。

文章标签：
JavaScript
前端开发
龙大吉
目录
相关文章
东方睿赢
|
3月前
|
JavaScript 开发者
Vue中provide和inject的作用是什么？
Vue中provide和inject的作用是什么？
东方睿赢
43 0
Boale_H
|
3月前
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
Boale_H
106 0
范德萨_
vue2项目使用?.语法报错如何解决？（@babel/plugin-proposal-optional-chaining）
vue2项目使用?.语法报错如何解决？（@babel/plugin-proposal-optional-chaining）
范德萨_
262 0
爱你三千遍斯塔克
|
1月前
|
JavaScript
文本,Pinia的使用，(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
文本,Pinia的使用，(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
爱你三千遍斯塔克
29 0
极客李华
|
3月前
|
JavaScript
vue中router页面之间参数传递,params失效,建议使用query
vue中router页面之间参数传递,params失效,建议使用query
极客李华
176 0
jcLee95
|
3月前
|
JavaScript
vue ssr 报错 ReferenceError: MouseEvent is not defined / window is not defined 等等
vue ssr 报错 ReferenceError: MouseEvent is not defined / window is not defined 等等
jcLee95
103 0
Mr.Meng_95
|
10月前
|
JavaScript
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
Mr.Meng_95
77 2
游客4llb6htoixmxw
|
10月前
|
前端开发
Spartacus lazy loading 模块中的配置管理
Spartacus lazy loading 模块中的配置管理
游客4llb6htoixmxw
38 0
游客4llb6htoixmxw
|
10月前
|
前端开发
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
游客4llb6htoixmxw
48 0
embelfe_segge
|
JavaScript
vite无法使用require,require is not defined
vite无法使用require,require is not defined
embelfe_segge
468 0