2017-04-19 58 views
0

我有一組類和接口。如何捆綁一組Typescript類並在其他angular2/typescript項目中使用它?

文件夾結構

-Myutilityservice --classes --- SankeyUtilService.ts

此.TS文件中有一類

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

該項目將在其他通過拉NPM /亭子。 我希望我的課程可以通過導入語句在其他項目中使用。

像這樣

import {SankeyUtilService} from 'Myutilityservice/classes'; 

如何做這樣的配置?請提供一些樣品。

1)創建一個將導出所有必需類index.ts:

回答

2

您可以通過以下步驟暴露項目爲NPM包

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

2)請你舒爾TS transpile與文件declarations標誌啓用 - 所以你會得到很好的d.ts文件旁邊。

3)在你的package.json指定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

相關問題