Wie es funktioniert

So funktioniert es
Parcel wandelt einen Ressourcenbaum in einen Bündelbaum um. Viele andere Paketierungstools basieren grundsätzlich auf JavaScript-Ressourcen, aber auch mit anderen Formaten – etwa als Strings eingebettet als JS-Dateien. Parcel ist dateitypunabhängig – es funktioniert mit jeder Art von Ressource wie erwartet, ohne dass eine Konfiguration erforderlich ist. Der Verpackungsprozess von Parcel besteht aus drei Schritten.
1. Ressourcenbaum erstellen
Parcel akzeptiert eine einzelne Eintragsressource als Eingabe, die ein beliebiger Typ sein kann: JS-Datei, HTML, CSS, Bild usw. In Parcel sind verschiedene Ressourcentypen definiert, die wissen, wie mit bestimmten Dateitypen umgegangen wird. Ressourcen werden analysiert, ihre Abhängigkeiten extrahiert und in ihre endgültige kompilierte Form umgewandelt. Dieser Prozess erstellt einen Ressourcenbaum.
2. Erstellen Sie den Verpackungsbaum
Sobald der Ressourcenbaum erstellt ist, werden die Ressourcen im Verpackungsdateibaum platziert. Erstellen Sie ein Paket für die Eintragsressource und ein Unterpaket für den dynamischen import(), der eine Codeaufteilung bewirkt.
Geschwisterpakete werden erstellt, wenn verschiedene Arten von Ressourcen importiert werden. Wenn Sie beispielsweise eine CSS-Datei aus JavaScript importieren, wird diese in einem Geschwisterpaket im entsprechenden JavaScript abgelegt.
Wenn eine Ressource in mehrere Dateien gepackt werden muss, wird sie zum nächsten gemeinsamen Vorfahren im Dateibündelbaum hochgestuft, sodass die Ressource nicht mehrmals gepackt wird.
3. Verpackung
Nachdem der Verpackungsdateibaum erstellt wurde, wird jedes Paket vom für diesen Dateityp spezifischen Paketierer in die Datei geschrieben. Der Packager weiß, wie er den Code für jede Ressource in einer endgültigen Datei zusammenführt, die vom Browser geladen werden kann.