2017-06-20 19 views
0

私はしばらく私を混乱させたので、混乱していることがわかります。 以前は、ngcはちょうど別のtscだと思っています。それはjsにtsをコンパイルします。そしてng buildは、ngcの仕事をし、コンパイルされたjsスクリプト(webpackなど)をバンドルしてデプロイするためのオールインワンコマンドです。 しかし、今、私は新しいngののサンプルプロジェクトは、スクリプトng buildとngcの関係と違いは何ですか

「ビルド:PROD」:の下にありましたので、私は混乱している「NGビルド--prod & & NGC」

このスクリプトは私を混同しているの両方を持っています私は本当にng build doとngc do doと、なぜ両方が必要なのかを知りたがっています。

私はanggular 4とフロントエンドの開発には新しく、このスレッドにコメントしてくれてありがとうございます。

答えて

1

ngcの最初の理解は、tscreplacement for Angular applications is correctであると見なしてください。

ng build --prodコマンドを使用している場合は、デフォルトでAOTコンパイルを使用します。そのため、ngcツールが使用されます。

1

ngcは、角度コンパイラをインストールするときに使用できるコマンドです。テンプレートとcssを含む角度コードをTypeScriptにコンパイルするのが目的です。この方法でコンパイルすると、ロールアップのようなものを実行して、 "ツリーシェイク"の後にバンドルを作成することができます。これは、デッドコードを取り除き、より小さなファイルを生成するプロセスです。

ng buildはangle cliで利用できますが、少し違いがあります。バンドルを作成し、Webサーバーへの展開に必要なすべてのファイルを含む配布用フォルダを作成します。ビルドによって作成されたバンドルを読み込むためのスクリプトを追加することによってindex.htmlを変更します。

これら2つの記事は、ngcの目的を理解するのに役立ちます。

http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

http://www.gistia.com/angular-performance-two-strategies/

関連する問題