ウェブホスト向けAngular 2アプリを公開する最善の方法

Question

Anger-Cliを使用しないと仮定して、distフォルダを作成して、Webホストにアップロードして、アプリ？

マイプロジェクトがローカルホスト上のこのような角度2クイックスタート、Structedに基づいている：

Answer 1

TL; DR。 angle-cliが安定版に達していない間に、構成プロセスの作成方法についてはthis articleをお読みください。

すべては、プロジェクトで使用されているモジュールローダーに送られます。私がコミュニティで見たことから、最も多く使われているのはSystemJS（あなたと同じ）とwebpackです。どちらの場合でも、アプリケーションの配布パッケージを作成するには、ビルドプロセスが必要です。

注意事項。

SystemJS：構成は簡単ですが、プロセスを構築するための外部ツールが必要です。

Webpack：設定が難しくなりますが、モジュールの読み込みからアプリの配布まで、ほとんどすべてを実行できます。あなたは次のオプション

利用シードプロジェクトを持っている両方のツールについては

。

プロ：すぐに使用できる多くの機能が用意されています。たとえば、良い種子プロジェクトでは、簡単なnpmコマンドでアプリケーションを構築することができます。

短所：：時には、種子プロジェクトは必要以上に多くのことを行います。 エラーを追跡するのが難しい場合があります。

たとえば、webpackにはangular2-webpack-startがあります。

最初から設定のすべて

賛否：あなたはあなたのアプリケーションで起こってすべてのものを完全に理解する必要があります。エラーを追跡するのが簡単です。

短所：使用する必要のあるツールについてさらに調査する必要があります。すべてを設定することは難しいかもしれません。

これらのオプションに加えて、angular-cliプロジェクトがあります。これはかなり進歩していますが、角度のあるチームによって非常に支持されています。私は私のアプリで何が起こっているかを知りたいので、私は、シードプロジェクトを使用することはありませんが、私は、角-CLIは固体のプロジェクトであると信じて、それは安定したバージョンIに到達したら

結論

それを採用するだろう。

一方で、ビルドプロセスを最適化する方法については、Mink Gechevのthis amazing articleに続くすべてをゼロから構成しています。