どのように動作します

仕組み
Parcel はリソース ツリーをバンドル ツリーに変換します。他の多くのパッケージ化ツールは基本的に JavaScript リソースに基づいていますが、JS ファイルとして埋め込まれた文字列などの他の形式も使用します。 Parcel はファイルの種類に依存しません。あらゆる種類のリソースで期待どおりに動作し、構成は必要ありません。 Parcel の梱包プロセスには 3 つのステップがあります。
1. リソース ツリーの構築
Parcel は、JS ファイル、HTML、CSS、画像など、任意のタイプの単一エントリ リソースを入力として受け入れます。 Parcel には、特定のファイル タイプの処理方法を認識するさまざまなリソース タイプが定義されています。リソースは解析され、その依存関係が抽出され、最終的にコンパイルされた形式に変換されます。このプロセスにより、リソース ツリーが作成されます。
2. パッケージング ツリーを構築する
リソース ツリーが構築されたら、リソースはパッケージング ファイル ツリーに配置されます。エントリ リソースのパッケージを作成し、動的 ​​import() のサブパッケージを作成します。これにより、コード分割が発生します。
兄弟バンドルは、さまざまなタイプのリソースをインポートするときに作成されます。たとえば、JavaScript から CSS ファイルをインポートすると、対応する JavaScript の兄弟バンドルに入れられます。
リソースを複数のファイルにパッケージ化する必要がある場合は、リソースが複数回パッケージ化されないように、ファイル バンドル ツリー内の最も近い共通の祖先に昇格されます。
3. パッケージ化
パッケージ化ファイル ツリーが構築された後、各パッケージは、そのファイル タイプに固有のパッケージャーによってファイルに書き込まれます。パッケージャーは、各リソースのコードを、ブラウザーがロードできる最終ファイルにマージする方法を知っています。