如何工作

如何工作
Parcel 將 資源 樹轉(zhuǎn)換為 包(bundles) 樹。其他許多打包工具基本上是基于 JavaScript 資源，還順帶其他格式 - 例如 內(nèi)嵌為 JS 文件的字符串。Parcel 不識(shí)別文件類型 - 它將按照你所期望的方式與任何類型的資源一起工作，無(wú)需配置。Parcel 的打包過(guò)程有三個(gè)步驟。
1. 構(gòu)建資源樹
Parcel 接受單個(gè)入口資源作為輸入，可以是任何類型：JS文件，HTML，CSS，圖像等。在Parcel 中定義了各種資源類型，它們知道如何處理特定的文件類型。 資源被解析，他們的依賴關(guān)系被提取，并被轉(zhuǎn)換成最終的編譯形式。 這個(gè)過(guò)程創(chuàng)建了一個(gè)資源樹。
2. 構(gòu)建打包樹
一旦資源樹構(gòu)建完成，資源就被放入打包文件樹中。 為入口資源創(chuàng)建一個(gè)包，并且為動(dòng)態(tài)的 import() 創(chuàng)建子包，這會(huì)導(dǎo)致代碼拆分的發(fā)生。
當(dāng)導(dǎo)入不同類型的資源時(shí)，兄弟文件包會(huì)被創(chuàng)建，例如，如果你從 JavaScript 導(dǎo)入 CSS 文件，它將被放入兄弟文件包到相應(yīng)的 JavaScript 中。
如果一個(gè)資源需要被打包到多個(gè)文件中，它會(huì)被提升到文件束樹中最近的公共祖先中，這樣該資源就不會(huì)被多次打包。
3. 打包
打包文件樹被構(gòu)建之后，每個(gè)包都由特定于該文件類型的 packager 寫入文件。打包器知道如何將每個(gè)資源的代碼合并到可以讓瀏覽器加載的最終文件中。