首先在一个规范的 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的原创文章,尽在:"汪子熙":