2016-09-09 13 views
0

angular-cli @ webpackでコンパイルされたアプリケーションで、angle2コンポーネントをインポートして使用できるように、angular2コンポーネントをどのようにパッケージするべきですか?npmモジュールとangular-cli @ webpack

npmパッケージには何が公開されるべきですか?ソース(* .ts、* .css、* .html)またはwebpackのコンパイル済みバージョン? (すでにプリインストールのNode.js持っていると仮定)[email protected] : Components imported in npm dependencies don't work

答えて

0

まず、NPMを使用してヨーマンと発電angular2-ライブラリをインストールします。

は私の関連する質問参照してください。

$ npm install -g yo 
$ npm install -g generator-angular2-library 

それに新しいディレクトリやCDを作る:

$ mkdir angular2-library-name 
$ cd angular2-library-name 

とあなたの新しいライブラリを生成します。

$ yo angular2-library 

とあなたのために、以下のファイルを作成します。

. 
├── README.MD 
├── index.ts 
├── package.json 
├── src 
│ ├── sample.component.ts 
│ ├── sample.directive.ts 
│ ├── sample.pipe.ts 
│ └── sample.service.ts 
├── tsconfig.json 
├── tslint.json 
└── typings.json 

* .ts fを追加または編集できますSRC /ディレクトリ内イレスと実行します。

$ npm install sample-library # use the name you used to publish to npm 

詳細:

あなたはNPMレジストリに、あなたのライブラリーを公開したら
$ npm run tsc 
$ npm run lint 

、あなたが最初のNPMを使用して、それをインストールすることで、任意の角度のアプリケーションでそれをインポートすることができます説明がありますhere

関連する問題