Импорт Automapper в проект webpack angular2

Question

Я пытаюсь использовать ts automapper libary в проекте Angular2 webpack, но не уверен, как его импортировать или включить. Пример того, как это сделать, будет большим.

Answer 1

Там может быть лучше способ работать с этой библиотекой, однако, что я сделал в моем проекте это

/** test.component.ts 
    ** Please note that you need to change Path as this is referenced to my node_module and probably it's different in your end. 
    **/ 

/// <reference path="../../../../node_modules/automapper-ts/dist/automapper.d.ts" /> 

import {Component, OnInit} from '@angular/core'; 

@Component({ 
    selector: 'test-component', 
}) 
export class TestComponent implements OnInit { 
    private jsonObj; 
    constructor() { 
    automapper.map("JSON", "newType", this.jsonObj); 
    } 

    ngOnInit() { 
    } 
} 

Имейте в виду, я изменен tsconfig.json файл получить, чтобы работать.

"moduleResolution": "node", 

в

"moduleResolution": "classic", 

Answer 2

Я надеюсь, что вы нашли рабочий раствор. Тот же самый вопрос, который вы задаете, был выпущен и ответил на странице GitHub библиотеки: https://github.com/loedeman/AutoMapper/issues/17.

Короче:

• Установите automapper-TS библиотеки с помощью НПМ: НПМ установить automapper-TS --save
• Добавьте следующую строку в файл typings.d.ts: объявить модуль «automapper -TS';
• Добавьте automapper-TS файл уменьшенная JS в массив скриптов в угловом-cli.json: «../node_modules/automapper-ts/dist/automapper.min.js»
• Импорт модуль, созданный на шаге 2 в вашем файле module/component: import {} из 'automapper-ts';

Теперь вы должны иметь возможность использовать глобальную переменную automapper, как задокументировано.

Answer 3

Мои два цента к этому разговору:

В файле tsconfig.json убедитесь, что у вас есть правильный путь для typings.d.ts файла

"typeRoots": [ " node_modules/@ типы " " ../src/typings.d.ts» ],

в противном случае вы можете получить некоторые противный "automapper не определен" ошибки.