¿Hay alguna forma de cambiar condicionalmente las importaciones en función de una variable de entorno en [email protected]? Estoy tratando de hacerlo de una manera que no requiera cambios en el código de cómo se importan los servicios en el código del cliente, pero cuando sea necesario, puedo especificar un indicador de compilación para intercambiar servicios simulados.

Hay un patrón que intenté usar deesta publicación:

Estructura de archivo:

MyService
    MyServiceMock.ts
    MyServiceReal.ts
    index.ts

Y en su index.ts, puede tener lo siguiente:

import { environment} from '../environments/environment';

export const MyService = environment.mock ?
    require('./MyServiceMock').MyServiceMock:
    require('./MyServiceReal').MyServiceReal;

Y en su código de cliente, importe MyService:

import MyService from './myservice/index';

La página se carga y puedo ver que la dependencia se inyecta al recorrer el código, sin embargo, hay errores de compilación (que creo que son errores de TypeScript) en la línea deCannot find name 'MyService'.