angular-cli: Условный импорт с использованием переменной окружения

Question

Есть ли способ условно изменить импорт на основе переменной окружения в angular-cli@1.0.0-beta.16? Я пытаюсь сделать это таким образом, чтобы не требовать изменений кода в том, как услуги импортируются в код клиента, но при необходимости я могу указать флаг сборки для обмена в макетных сервисах.

Существует закономерность, я попытался с помощью из this post: структура

Файл:

MyService 
    MyServiceMock.ts 
    MyServiceReal.ts 
    index.ts 

И в ваших index.ts, вы можете иметь следующее:

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

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

И в коде клиента, импорт MyService:

import MyService from './myservice/index'; 

страница загружается, и я могу видеть зависимость получать инъекции при пошаговом через код, однако есть ошибки компиляции (которые я считаю, являются машинопись ошибки) по линиям Cannot find name 'MyService'.

Answer 1

Вы собираетесь об этом совершенно неправильно. Угловой может обрабатывать этот случай использования с использованием заводов при настройке providers

providers: [ 
    Any, 
    Dependencies 
    { 
    provide: MyService, 
    useFactory: (any: Any, dependencies: Dependencies) => { 
     if (environment.production) { 
     return new MyService(any, dependencies); 
     } else { 
     return new MockMyService(any, dependencies); 
     } 
    }, 
    deps: [ Any, Dependencies ] 
] 

Теперь вы можете просто вводить MyService везде из-за provide: MyService, но в процессе развития, вы получите издеваться, и в производстве вы получите реальный сервис.

Смотрите также:

• How to inject different service based on certain build environment in Angular2

Answer 2

Изменить импорт MyService на:

import { MyService } from './myservice/index';

Окружающая среда {} сообщит компилятору, что импортирует один экспорт из файла. Если вы хотите, чтобы иметь возможность импортировать как:

import MyService from './myservice/index';

Тогда вы должны экспортировать по умолчанию в index.ts: например

export default MyService;.

Более подробную информацию о машинопись модулей можно найти здесь: https://www.typescriptlang.org/docs/handbook/modules.html