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

简介: 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, 如下图所示:


image.png


image.png


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


image.png


参考文档:


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


专门的lazy load modules实现:


lazy-modules.service.ts

image.png


相关文章
|
6月前
|
JavaScript
Spartacus CMS Feature selector 的实现明细
Spartacus CMS Feature selector 的实现明细
43 0
|
3月前
|
消息中间件 存储 监控
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
24 0
|
3月前
|
存储 JSON 数据格式
Spartacus i18n Resource 的默认加载和 Lazy Load 两种方式的比较
Spartacus i18n Resource 的默认加载和 Lazy Load 两种方式的比较
18 0
|
3月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
26 0
|
3月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
40 0
|
3月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
24 0
|
5月前
|
存储 JSON API
如何避免 Spartacus 重复发送 CMS page 请求
如何避免 Spartacus 重复发送 CMS page 请求
25 0
|
6月前
|
前端开发
Spartacus lazy loading 模块中的配置管理
Spartacus lazy loading 模块中的配置管理
26 0
|
6月前
|
前端开发
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
33 0
|
6月前
关于 Spartacus CMS 请求响应是否应该被 Transfer State 机制 cover 的问题
关于 Spartacus CMS 请求响应是否应该被 Transfer State 机制 cover 的问题
35 0