Complete esta tarea para configurar páginas y rutas para la modalidad de desarrollo para las personalizaciones que se realicen, ya sea mediante personalización diferencial o personalización mediante alteraciones temporales. Una copia puntual local de activos (archivos JSON) se introduce en el paquete para que todos los cambios se localicen en la página y para que ninguna actualización adicional del producto a los activos afecte a la página que se está personalizando.
Antes de empezar
Asegúrese de que comprende carpetas y archivos importantes en Order Hub. Este tema incluye el directorio de código de Order Hub y la estructura de carpetas y archivos para los distintos módulos.
Procedimiento
- Cree una carpeta activos en <order_hub_code_directory>/<module-name>/packages/<route-name>/src-custom.
Por ejemplo: <order_hub_code_directory>/buc-app-order/packages/order-search-result/src-custom/assets.
- Copie los activos de la carpeta <order_hub_code_directory>/<module-name>/packages/<module_short_name>-shared en la carpeta de activos que ha creado.
Por ejemplo, order-shared:
- Abra el archivo <order_hub_code_directory>/<module-name>/angular.json .
Por ejemplo: <order_hub_code_directory>/buc-app-order/angular.json.
- Sustituya el contenido actual de la matriz para indicar al módulo que utilice los archivos de elementos personalizados en lugar de los archivos de /order-shared.
Por ejemplo: actualice con las entradas siguientes:
{
"glob": "**",
"input": "packages/order-search-result/src-merged/assets",
"output": "assets"
},
{
"glob": "*.json",
"input": "packages/order-search-result/src-merged/assets/buc-app-order",
"output": "assets/order-search-result"
},
{
"glob": "**",
"input": "node_modules/@buc/svc-angular/assets",
"output": "assets"
},
{
"glob": "**",
"input": "node_modules/@buc/common-components/assets",
"output": "assets"
}
- Sustituya también el contenido de la matriz projects > < route-name> > Architect > build > build > setup > fusion-prod > assets .
- Copie la carpeta environments de <module-name>/packages/<route-name>/src en <module-name>/packages/<route-name>/src-custom.
Por ejemplo: Copie la carpeta environments de buc-app-order/packages/order-search-result/src en buc-app-order/packages/order-search-result/src-custom.
- Vaya al directorio <module-name>/packages/<route-name>/src-custom/environments .
Por ejemplo: buc-app-order/packages/order-search-result/src-custom/environments
- Añada la línea siguiente al final de los archivos environment.ts y envrionment.prod.ts .
environment.customization = true;
- Detenga y reinicie el servidor para que los cambios en los archivos angular.json y overrides.json entren en vigor.
Detenga el trabajo en el terminal. A continuación, ejecute:
yarn stop-app
yarn start-app