SAP Spartacus CMS Component的lazy loading懒加载方式

代码如下：

  ConfigModule.withConfig({cmsComponents: {SimpleResponsiveBannerComponent: {component: () =>import('./lazy/lazy-banner.component').then((m) => m.LazyBanner),}}}),

这样，ng build时，builder不会将lazy-banner.component.ts打包到main chunk里，而是生成一个单独的chunk：lazy-lazy-banner-component, 如下图所示：

在运行时，main chunk和lazy-lazy-banner.component.js这两个chunk也会分别加载：

参考文档：

https://sap.github.io/spartacus-docs/lazy-loading-guide/

专门的lazy load modules实现：

lazy-modules.service.ts

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus CMS Component的lazy loading懒加载方式相关推荐

SAP UI5 JavaScript文件的lazy load - 懒加载
Created by Wang, Jerry, last modified on May 18, 2016 要获取更多Jerry的原创文章,请关注公众号"汪子熙":
react.lazy 路由懒加载_React lazy/Suspense使用及源码解析
React v16.6.0已经发布快一年了,为保障项目迭代发布,没有及时更新react版本,最近由于开启了新项目,于是使用新的react版本进行了项目开发.项目工程如何搭建,如何满足兼容性要求,如何规 ...
SpringBoot：使用 @Lazy 注解懒加载
为什么需要懒加载? 我们知道,在 SpringBoot 应用程序启动的时候,会实例化一些对象加入到 IOC 容器里边,这个过程是非常耗时的,那我们想要减少这个耗时的过程就需要 @Lazy 注解对象加 ...
react.lazy 路由懒加载_Vue面试题：如何实现路由懒加载？
非懒加载 import List from '@/components/list.vue' const router = new VueRouter({routes: [{ path: '/list' ...
vue中怎么清空tab选项卡的缓存_vuejs 内置组件component实现tab切换懒加载和表单输入框内容的清空...
最近项目中使用了vue2.0 官网脚手架进行了开发.开发中的踩一些坑一直没有来得及整理.本篇文章就vuejs内置组件component的一些使用进行一些总结. 1.使用component 实现tab切 ...
VUE项目中图片加载过大处理方式-渐进式方式-懒加载方式--附源码
解决有两步: 1.采用渐进式加载:原图未加载完时显示比它内存小的模糊图: 2.采用懒加载:只加载可视区域的图片,即滚动到可视区域时再加载图片 vue-lazyload-img:VUE图片懒加载插件 v ...
懒加载方式下的单例模式
一般的,我们编写单例模式往往直接在单例引用的时候,即把实例生成,采用private final static 的成员变量直接初始化掉,这种方法能适应大部分的场景,但有时候本单例模式可能还处理其他业务, ...
如何实现SAP UI5 Web Component React控件的加载效果
假设我使用SAP UI5 Web Component的React控件, 比如柱状图和折线图: 导入useState函数,默认加载状态为false: 每次点击屏幕后,首先将Loading状态使用切换函数 ...
SAP Spartacus B2B User list页面的数据加载逻辑
list.service.ts的getData方法里的this.load触发时,this实际指向UserListService: 触发点还是list页面的async pipe: ListService ...

SAP Spartacus CMS Component的lazy loading懒加载方式

SAP Spartacus CMS Component的lazy loading懒加载方式相关推荐

最新文章

热门文章