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

而后找到该 Component 的门路,位于 feature-libs 上面的 user 模块内:

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

在该模块内,找到了其与 CMS Component LoginComponent 的一一对应关系:

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

新建一个 Component,扩大规范的 LoginComponent:

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

最初运行时的成果:

留神:如果在我的扩大 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的原创文章,尽在:"汪子熙":