angularjs - how - https github com angular angular cli wiki



これらのAngularcliは何ですか:inline.bundle.js、vendor.bundle.js、main.bundle.js? (1)

どれどれ:

inline.bundle.js

これはウェブパックローダーです。 他のファイルをロードするときに必要なWebpackユーティリティを備えた小さなファイル。

結局、これはindex.htmlファイルの内部に書き込まれ、別のファイルとして生成されることはありません。

vendor.bundle.js

これはデフォルトでdevモードで生成され、prodモード( ng build -prodまたはng serve -prod )ではデフォルトでは無視されます。

ほとんどまたはまったく変更されていないAngularライブラリが含まれています。 これはビルドプロセスをスピードアップするためです。 また、多くの変更がない場合には別のファイルに保存しておくことをお勧めします。

典型的なAngularアプローチは、それらをメインバンドルにマージすることです。そうするときには、Webpackツリーシェイクを実行します。これにより、アプリ内の他のモジュールやそのインポートからインポートされなかったEcmaScript / TypeScriptモジュールは削除されます。 これは最終バンドルがはるかに小さいことを意味します。 たとえば、Ahead of Time(Ahead of Time)コンパイラ(AoT)を実行すると、角度コンパイラはツリーを崩してしまいます。

--vendor-chunk引数を設定することによって、別個のベンダーバンドルの生成を明示的に制御することもできます。

main.bundle.js

前のポイントで説明したように、独自のコード、およびインポートしたものなど。

angle-cliで作成したangle2プロジェクトのindex.htmlファイルをチェックすると、distフォルダから3つのファイルのみが表示されます。

inline.bundle.js
vendor.bundle.js
main.bundle.js

しかし今、私は各ファイルが何をしているのかを理解しようとしています。 私はangle-cliでコンポーネントを書きましたが、私はダウングレードしているので、角度1で書かれた別のアプリで使用できます。これらの3つのファイルをindex.htmlに追加し、app.module.tsファイルを追加するだけで、私のアプリをアップグレードして、すべてが機能している。 私はなぜ、角度のcliについて話していないgoogleの角度toturialとそれが移行に役立つことができるので、unserstnadしようとしています。





angular-cli