外掛系統概觀

外掛系統的高階概觀

Parcel 架構

即使您沒有從事任何複雜的工作，如果您打算大量使用 Parcel，花點時間了解其運作方式是有意義的。

資產：在最簡單的情況下，資產對應於原始碼檔案（例如磁碟上的 TypeScript 檔案）。但是，轉換器不僅可以修改（轉換）資產，還可以為單一輸入資產傳回多個資產。
相依性：相依性會對請求其他資產的資產建模（例如 JavaScript 中的 import "foo"; 宣告，或 HTML 中的 <link rel="stylesheet">）。它們是由轉換器明確新增的（有時稱為傳出相依性）。此外，Parcel 還會追蹤這些相依性指向哪些資產，並將此資訊顯示為資產的傳入相依性（因此列出某些資產的匯入者）。
套件：套件是資產的分組，將寫入單一檔案供瀏覽器載入。非同步套件是為延遲載入的相依性所建立的套件（例如 import() 呼叫），而共用套件包含多個其他套件使用的資產，並已分開以改善載入效能。

在高階層級，Parcel 會執行多個階段

解析和轉換階段並行運作，建立所有資源的圖形。

資源在打包階段分組成包組。每個包組的輸出檔名在命名階段決定。

然後，包裝、最佳化和壓縮階段並行運作，產生每個包組的最終內容。

包裝階段將每個包組中的資源合併成輸出檔案。

最佳化階段轉換每個包組的內容。完成後，Parcel 決定每個包組的內容雜湊，並套用至最終輸出檔名。

最後，壓縮階段產生每個輸出檔案的一種或多種編碼，因為它們寫入檔案系統。

在解析和轉換階段，Parcel 會找出應用程式或程式中的所有資源。每個資源都可以有自己的相依性，而 Parcel 會將其拉入。

表示所有這些資源及其相依性的資料結構稱為「資源圖形」。

Parcel 建立完整的資源圖形後，會將其轉換成包組圖形，其中包含資源圖形，並另外說明哪些資源應分組成包組（以及這些包組之間的關係）。

有些資源被視為應用程式的「進入」點，並保持為獨立的包組。例如，如果 index.html 檔案連結到 about.html 檔案，它們不會合併在一起。