角度2バンドルと縮小化

Question

私は、角2のチュートリアルの多くを見て、私はいくつかの質問ができませんでした：

• 1 - 私は縮小し、bundlelingのためのWebPACKを使用する必要がありますか？
• 2コンポーネントのjsを縮小してバンドルする必要がありますか？
• 3-コンポーネントで公開されているjsサービスを縮小してバンドルする必要があります。 personService.jsはperson.tsで使用されていますか？
• 4-コンポーネント内で提供するサービスの のパスはどうなりますか？別の場所にある ファイルになりますか？私が開発中であるかどうかに応じて、コンポーネント内で呼び出される サービスのパスを変更する必要がありますか？ プロダクションですか？

Answer 1

現在、アプリケーションのモジュール読み込みをどのように処理していますか？私はwebpackに精通していませんが、SystemJS offers a builder/bundlerこれはあなたのためにすべてをあなたのHTMLに含める必要がありますあなたのバンドル/ビルドされたファイルのスクリプトです。

Answer 2

私はWebpackを使用していませんが、SystemJSはうまく機能しました。 Gulpは、ソースと依存関係のファイルの場所を気にするために、system.config.jsを使用してすべてのコードを構築、縮小、バンドルするために使用できます。

ここではすべてのTypescriptソースが1つのJSファイルにバンドルされているTour of Heroesのexampleです。

Answer 3

Angular CLIは、バンドルと縮小（WebPackを使用していますが、設定する必要はありません）とAhead-of-Timeテンプレートのコンパイルをサポートし、バンドルのサイズを大幅に縮小しました。

参照：Angular 2: Reduce app size (in addition to bundling/minification)

また、あなたがPROD対devに異なる設定を持っている場合は、コンポーネントにインポートすることができ、かつ独自のカスタム環境を作り、あまりにもそれらを使用することができ、開発環境と本番環境をセットアップします。