bower_concatは素晴らしいです。あなたは使用しバウアーパッケージを追加する場合：あなたは、あなたができる素敵なvendor.jsとvendor.cssファイルで終わるようNPMのbower_concat相当
bower install something --save
bower_concatは自動的に、そのパッケージからJavaScriptとCSSを取得し、バンドルにそれをconcantenateますそれからあなたはhtmlで小型化して注入します。
angular2の出現とTypescriptのインポートシステムでは、あなたのアプリで使用されているパッケージを含むすべてのパッケージがNPMを通過しています。
NPMに対応するbower_concatはありますか？それは自動的にCSSを取得し、バンドルを生成するでしょうか？
Webpackは間違いなく行くための方法ですあなたに役立つこれを参照してください。コードを少し修正しなければなりません。必要な場合はES6へのインポート（バベルを使用してES5にダウングレード）を使用し、webpackは「うまく動作します」（c）。
はWebPACKのを使えば、bowerを取り除くことができ、またrequireとさえgruntあなたのセットアップは非常に簡単である場合。
どのように動作しますか？ファイル（「メイン」ファイル）を受け取り、インポート依存関係を調べて、それらを1つ（または複数の）ファイルにパックします。それらを連結している間に、「ローダー」を適用することができます。ローダは、ファイルを入力として受け取り、出力はWebpackによって取り戻されるツールです。ローダーは、任意の変換を縮小、拡大、変形、適用することができます。そこには多くのローダーがいます。私は戻って見ているわけではない
...
このパッケージは、パッケージ似ている、それは https://www.npmjs.com/package/node-minify
私は縮小するつもりはないが、ちょうど連結したいと思っています。とにかく、ドキュメントを正しく理解していれば、どのモジュールを縮小するかを手動で指定する必要があります。 bower_concatはそれを自動的に行います。あなただけのパッケージを追加すると、自動的にあなたのwebappに含まれています... –
はhttps://github.com/gruntjs/grunt-contrib-concat – AngJobs
@AngJobs bower_concat、単純な連結のツールではありませんを見てください。パッケージから関連するjsとcssを抽出し、それらを自動的に連結します。 grunt-concatでは、依存関係を追加するたびにgrunfileを更新する必要があります。 –
私はWebpackがこれを行うことができると思います。欠点は、Webpackが使い慣れていることです。しかし、あなたはAngular 2 Webpackスターターのようなよくテストされたボイラープレートを使うことができます：https://github.com/AngularClass/angular2-webpack-starter – Manube