SAP Spartacus 如何重定义登录 Login Component

首先在一个标准的 Storefront 上,找到该 Component 的 selector 找到其 Component 名称:LoginComponent

SAP Spartacus 如何重定义登录 Login Component_第1张图片

然后找到该 Component 的路径,位于 feature-libs 下面的 user 模块内:

feature-libs\user\account\components\login\login.component.ts

在该模块内,找到了其与 CMS Component LoginComponent 的一一对应关系:
SAP Spartacus 如何重定义登录 Login Component_第2张图片

在我自己的 Storefront 项目的 package-lock.json 文件里,找到了版本号:3.4.3

SAP Spartacus 如何重定义登录 Login Component_第3张图片

新建一个 Component,扩展标准的 LoginComponent:

SAP Spartacus 如何重定义登录 Login Component_第4张图片

在我的 AppModule 里,将 CMS LoginComponent 映射到我扩展的 ExtLoginComponent 去:

SAP Spartacus 如何重定义登录 Login Component_第5张图片

SAP Spartacus 如何重定义登录 Login Component_第6张图片

最后运行时的效果:
SAP Spartacus 如何重定义登录 Login Component_第7张图片

注意:如果在我的扩展 Component 里,从下列这个路径导入 LoginComponent:

import { LoginComponent } from '@spartacus/user/account/components/login/login.component';

则报错:

ERROR in ./src/app/loginExtension/extLogin.component.ts
Module not found: Error: Can't resolve '@spartacus/user/account/components/login/login.component' in 'c:\Code\SPA\strange\mystore\src\app\loginExtension'

正确的路径为:

import { LoginComponent } from '@spartacus/storefront';

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(SAP Spartacus 如何重定义登录 Login Component)