角度cliで平均スタックアプリケーションを作成しますか？

Question

私はAngular2の初心者です。

これは私が次れた記事です。 https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

Tlの; drは：新しいアプリをngの、ngがインデックスを提供するために、サーバ・ファイル、NGビルドし、最終的にノードexpress.jsを作成し、NPM急行などをインストールし、サーブ。 html from dist

この記事のアプリのビルドに関する私の問題は、distから提供されていることです。つまり、サーバーを停止し、新しいビルドを実行し、povから非常に面倒です開発者。私はクライアント側の変更をリフレッシュごとに反映させたい。

これを達成するために誰かが正しい方向に向けることができますか？または、最初から始めることを意味してもアーキテクチャを正しく取得する方法を教えてください。

PS：私はこの例を開発（src /）から修正しようとしていますが、これまでには失敗しています。ブラウザは依存関係を見つけることができず、「読み込み中」に「システムが定義されていません」、「構文エラー '<」というエラーがスローされます。

Answer 1

私はこのチュートリアルとそのあなたが言ったように、変更のために書かれた自動リフレッシュスクリプトはありませんが、MEANスタックプロジェクト開発のために私自身のリポジトリを作成することにしました。

• ブラウザ同期
• 一気
nodemon

https://github.com/darpanpathak/MEAN2-MarvelApp

このリポジトリはangular2とMEANスタックアプリケーションを起動するためのあなたに大いに役立つでしょう。

あなたが同じものを探している場合は、親指を立ててください。

Answer 2

Tlの; DR：新しいアプリをngの、NGがサーブ、NPMなどExpressをインストールするに distの

からのindex.htmlを提供するために、サーバー ファイル、NGビルドし、最終的にノードexpress.jsを作成開発中にWebpackで変更を確認するには、アプリケーションをビルドするときに--watchを追加するだけです。

ng build --watch 

をしてから、サーバーを実行します：だから、コンソール端末にこのような何かを入力する必要があります動作するはず

node server.js 

を。

Answer 3

私もこの問題を遭遇したので、私はそれについて少しの投稿を書いた。 詳しい解答hereがあります。

要約すると、サーバーとクライアントに異なるポートを使用し、サーバー&クライアントを両方とも同時に実行するようにnpm startコマンドを構成することです。 ホットリロードが行われます（クライアントコードを変更すると、即座にWebブラウザが更新されます）、WebページからサーバAPIが呼び出されます。

ところで、私はng build --watchを動作させることができなかったので、この回避策について考える必要がありました。