2017-04-19 4 views
0

私はクラスとインターフェイスのセットを持っています。Typescriptクラスをまとめて他のangular2/typescriptプロジェクトで使用するにはどうすればいいですか?

フォルダ構造

-Myutilityservice --classes --- SankeyUtilService.ts

これは、ファイルがこのプロジェクトは、を介して他に引っ張られることになるクラス

export class SankeyUtilService { 
// code goes here.. 
} 

を持っている.TS npm/bower。 私のクラスをimportステートメントを通して他のプロジェクトで利用できるようにしたい。このような構成を行うにはどのようにこの

import {SankeyUtilService} from 'Myutilityservice/classes'; 

同様

?いくつかのサンプルを提供してください。

export * from "./lib/Helper"; 
export * from "./lib/Log"; 
// .... 
export * from "./lib/Query"; 

2)あなたは、TSでファイルtranspile SHUREを行います

1)すべての必要なクラスをエクスポートしますindex.tsを作成します。

答えて

2

あなたは以下の手順でNPMパッケージとしてプロジェクトを公開することができますdeclarationsフラグが有効になっているので、すぐに素晴らしいd.tsファイルが得られます。あなたpackage.jsonで

3)は、以下の例のようtranspiled index.jsとindex.d.tsを指定:

"main": "dist/index.js", 
"typings": "typings/index.d.ts", 

4)NPMの定義を使用してtranspiled源を公開。

これらのステップの後、あなたは、このようにあなたのパッケージにアクセスすることができるようになります。例として

import * as MyLib from 'MyLib'; 
let h = new MyLib.Helper(); 

- プロジェクトhereを確認することができます。

関連する問題