2016-09-21 6 views
0

モジュール(外部モジュール)を使用し、名前空間(automapper-ts)を使用するライブラリを使用するAngular 2プロジェクトがあります。モジュールと名前空間の混在

どのように私はそれを組み込むか、またはインポートしますか?モジュールと名前空間に関するドキュメントを見てきました。しかし、モジュールを使用するプロジェクトで名前空間だけを使用するライブラリを使用する方法は私には分かりません。

答えて

1

ライブラリがUMD、AMDまたはCommonJS形式に何かをエクスポートしない場合は、ロードするか(たとえば<script>タグ)、ローダ/バンドラから要求する必要があります。名前空間は旧式の方法で利用できます:グローバル変数から。

コードをコンパイルするには、設定に応じて、ライブラリの宣言ファイルをコンパイラに見つけさせる必要があります。 This one, I guess

0

ライブラリはモジュールライブラリとして設計されていませんが、ライブラリをAngular 2+で動作させることはあまり難しくありません。私は、これに関する問題がパッケージのGitHubページ:https://github.com/loedeman/AutoMapper/issues/17で作成されたときに、この質問に答えました。明快(およびインデックス)の場合

は、ここに私の提案されたソリューションです:

私はちょうど角CIを使用して、基本的な角度アプリを作成しました。第三者のライブラリ(https://github.com/angular/angular-cli#3rd-party-library-installation)を使用するためのガイドラインに従えば、AutoMapperを正しく機能させることは非常に簡単です。抜粋:

  1. NPMを使用してautomapper-TSライブラリのインストール:automapper-TS縮小さJSを追加
    declare module 'automapper-ts';
  2. :ファイルtypings.d.tsに次の行を追加します。
    npm install automapper --save
  3. をangle-cli.json内のscripts配列にファイルをコピーします。
    0123_ "../node_modules/automapper-ts/dist/automapper.min.js"
  4. ステップ2で作成したモジュールをモジュール/コンポーネントファイルにインポートします。import { } from 'automapper-ts';

これで、automapperグローバル変数を文書化されたとおりに使用できるはずです。

Ragarding typing:AutoMapperのpackage.jsonにpackage.jsonのtypingsプロパティがないことがわかりました。 (必ず右この記事の後にそれをコミットするために意志)それはまもなくあるだろうが、平均時間であなただけのメインプロパティの下に、それを自分で追加することができます。

"typings": "./dist/automapper",

+1

一部の書式(引用、リスト&コードマークダウン)は本当にここで助けになるでしょう。 – isherwood

関連する問題