Comment ça marche

Comment ça marche
Parcel convertit une arborescence de ressources en une arborescence de bundles. De nombreux autres outils de packaging sont essentiellement basés sur des ressources JavaScript, mais également sur d'autres formats, tels que des chaînes intégrées sous forme de fichiers JS. Parcel est indépendant du type de fichier : il fonctionnera comme vous le souhaitez avec tout type de ressource, aucune configuration n'est requise. Le processus d’emballage de Parcel comporte trois étapes.
1. Construire une arborescence de ressources
Parcel accepte une seule ressource d'entrée en entrée, qui peut être de n'importe quel type : fichier JS, HTML, CSS, image, etc. Il existe différents types de ressources définis dans Parcel qui savent comment gérer des types de fichiers spécifiques. Les ressources sont analysées, leurs dépendances extraites et transformées dans leur forme finale compilée. Ce processus crée une arborescence de ressources.
2. Construire l'arborescence d'emballage
Une fois l'arborescence des ressources construite, les ressources sont placées dans l'arborescence des fichiers d'emballage. Créez un package pour la ressource d'entrée et créez un sous-package pour l'import dynamique (), ce qui provoque le fractionnement du code.
Les bundles frères et sœurs sont créés lors de l'importation de différents types de ressources. Par exemple, si vous importez un fichier CSS à partir de JavaScript, il sera placé dans un bundle frère dans le JavaScript correspondant.
Si une ressource doit être regroupée dans plusieurs fichiers, elle sera promue à l'ancêtre commun le plus proche dans l'arborescence du regroupement de fichiers afin que la ressource ne soit pas regroupée plusieurs fois.
3. Packaging
Une fois l'arborescence des fichiers de packaging créée, chaque package est écrit dans un fichier par un packager spécifique à ce type de fichier. Le conditionneur sait comment fusionner le code de chaque ressource dans un fichier final pouvant être chargé par le navigateur.