コードが変更されるたびに角度2 ng-build？

Question

私はMEANアプリを開発しています。過去に私はAngularとng-serveを使用していましたが、コードを試して開発することは祝福でした。

Node.jsをサーバーとして使用すると、いわゆる「パブリック」フォルダにAngularがロードされます。毎回「ng build」を実行する必要があります。すべてのファイルを処理しなければなりません。 1つのコンポーネントの小さなコードを変更しました。

質問する。変更されたコードに "ng build"するたびにNode.jsとAngular 2を使用して速く開発するにはどうすればよいですか？

Answer 1

1つの方法として、ライブラリとliteserverを同時に使用することができます。 package.jsonに依存関係としてインストールする typescriptコンパイラとliteserverを同時に使用すると、コードが変更されると自動的にページがロードされます。

{ 
"scripts" : { 
    "start" : "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "lite" : "lite-server", 
    "tsc":"tsc", 
    "tsc:w":"tsc -w" 
} 
"devDependencies":{ 
    "concurently":"^2.0.0", 
    "lite-server":"2.2.0" 
} 
} 

上記のコードをpackage.jsonファイルに含めてnpm installを実行すると、依存関係がインストールされます。 その後、npm startを実行してサーバを起動し、コードを変更してページを再読み込みします。