Adición de componentes personalizados, conductos, proveedores y directivas en el módulo compartido proporcionado por la aplicación

Procedimiento

1. En función de lo que desee añadir al módulo compartido, vaya a la carpeta correspondiente:

   SCREEN_EXTENSIONS_HOME/shared/{components or directives or pipes or services}.

   Cree las carpetas de forma adecuada, si ya no están presentes.

2. Copie shared-extension.module.ts de <WORKSPACE>/store-frontend/src/app/shared en la carpeta <WORKSPACE>/store-frontend/store-extensions-src/app/shared .

   Si shared-extension.module.ts ya está presente, no copie el archivo.

3. Utilice uno de los siguientes mandatos de CLI para crear el componente:

   Tabla 1. Comandos CLI y objetivos

   Mandato de CLI	Finalidad
   ng g c <component-name> --project=store-extensions —skip-import	Generar un componente. Nota: Se ejecutará desde esta ubicación: SCREEN_EXTENSIONS_HOME/shared/components
   ng g directive <directive-name> --project=store-extensions —skip-import	Generar una directiva. Nota: Se ejecutará desde esta ubicación: SCREEN_EXTENSIONS_HOME/shared/directives
   ng g pipe <pipe-name> --project=store-extensions —skip-import	Generar una tubería. Nota: Para ser ejecutado desde esta ubicación: el SCREEN_EXTENSIONS_HOME/shared/pipes
   ng g s <service-name> --project=store-extensions —skip-import	Generar un servicio. Nota: Se ejecutará desde esta ubicación: SCREEN_EXTENSIONS_HOME/shared/services

4. Actualice el nombre de clase de componente, directiva o conducto recién creado en la propiedad de proveedores del decorador @NgModule en shared-extension.module.ts.

   De forma similar, si crea un proveedor o servicio en la carpeta SCREEN_EXTENSIONS_HOME/shared/services , el nombre de clase de servicio debe estar en la propiedad de declaraciones y exportaciones del decorador @NgModule en shared-extension.module.ts.