Angular 2 CLI - Deployment

Question

Angular 2 CLIを使用してAngular 2アプリケーションを構築しました。私の問題は、他の人が見ることができるステージング環境としてアプリケーションをローカルサーバーに展開することです。

Angular 2 CLIを使用するほとんどのチュートリアルでは、distフォルダが表示されます。このフォルダは、プロジェクトを初めてCLIで作成したときに生成されたようです。 distフォルダはng buildを使って生成することしかできません。私は角度2のCLIが最初にdistフォルダが最初のフォルダ構造の一部であったところで変更されたと仮定しますが、現在はng buildを使用する場合にのみ生成されますか？試験として

は、私がしようとすると、アプリケーションを実行するためにWAMPサーバ[http://localhost:8080/Project/dist/]のwwwフォルダに生成されたdistフォルダをコピーした...ブラウザのコンソールが表示さ：

Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/inline.js 
Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/bundle.js 

それはすべてを探していますアセットをdistフォルダ内のindex.htmlの場所に設定するのではなく、ローカルサーバーのルートにあるアセットを使用します。すべての画像とアイコンに同じ問題があります...私は相対パスのために何かを設定するのに失敗したと思います...私は何をしますか？

Answer 1

まず、ng buildコマンドの出力パスを指定することができます。手動でコピーする必要はありません。例：ng build --output-path /var/www/app_foo/root/。 <base href="/path"> -

次に、index.htmlにベースタグとして実装ベースパス概念があります。手動またはビルド時にng build --base-href /path/で設定できます。

あなたのケースでは、一致する必要があります：ng build --base-href /Project/dist/。