6
Angularの構築と実行方法
Angularがどのように構築され、舞台裏で実行されるかを知りたいだけですか? 以下は私がこれまでに理解したことです。私が何かを逃したかどうか知りたいです。 Angularの構築方法 TypeScriptを使用してAngularアプリをコーディングした後、AngularCLIコマンドを使用してアプリをビルドします。 ng buildコマンドはアプリケーションを出力ディレクトリにコンパイルし、ビルドアーティファクトはdist/ディレクトリに保存されます。 内部プロセス 1. Angular CLIはWebpackを実行して、すべてのJavaScriptおよびCSSコードをビルドおよびバンドルします。 2. 次に、WebpackはTypeScriptローダーを呼び出します。TypeScriptローダー.tsはAngularプロジェクト内のすべてのファイルをフェッチし、それらをJavaScript、つまり.jsブラウザーが理解できるファイルに変換します。 この投稿によると、Angularには2つのコンパイラがあります。 コンパイラの表示 モジュールコンパイラ ビルドに関する質問 ビルドプロセスを呼び出すシーケンスは何ですか? Angular CLIは、最初にTypeScript =>で記述されたAngular組み込みコンパイラを呼び出し、次にTypeScript Transpiler =>を呼び出し、次にWebpackを呼び出してディレクトリにバンドルして保存しdist/ます。 Angularの実行方法 ビルドが完了すると、アプリのすべてのコンポーネント、サービス、モジュールなどがJavaScript .js、ブラウザーでAngularアプリケーションを実行するために使用されるファイルにトランスパイルされます。 内の文角度ドキュメント あなたとブートストラップするときAppComponentのために(main.tsで)クラス、角度ルックス<app-root>でindex.html、それを見つけAppComponentのインスタンスをインスタンス化し、内部でそれをレンダリング<app-root>タグ。 Angularは、ユーザーがアプリケーション内を移動するときにコンポーネントを作成、更新、および破棄します。 ランニングに関する質問 が、main.ts角度のアプリは、ブートストラップやJavaScriptの使用開始されていないブートストラッププロセスを説明するために上の文で使用されている.jsファイルは? 上記のすべてのステートメントは、JavaScript.jsファイルを使用して実行時に実行されませんか? すべてのパーツがどのように深く組み合わされているか知っている人はいますか?