Maison > interface Web > js tutoriel > avantages du colis en tant que groupeur

avantages du colis en tant que groupeur

王林
Libérer: 2024-07-19 02:16:34
original
927 Les gens l'ont consulté

benefits of parcel as a bundler

avantages du colis

  • outils de développement
  • HMR - remplacement des modules chauds --->> comment - en utilisant des algorithmes de surveillance de fichiers créés en C++ qui gardent une trace de votre code et dès que vous essayez de sauvegarder le fichier, il actualise le serveur avec un nouveau code
  • serveur local http://localhost:1234
  • gestion de la mémoire cache. ---> fait son jeûne
  • optimisation des images
  • compresse le fichier
  • regroupement
  • hachage de contenu
  • groupage différentiel babel
  • peut également fonctionner sur SSL https
  • secouement des arbres ---> supprimer le code ou la fonction supplémentaire qui ne sont pas utilisés

    hachage de contenu : -Le hachage de contenu dans Parcel implique de générer des hachages SHA-256 uniques pour chaque fichier en fonction de son contenu. Avant de déployer l'application, Parcel compare ces hachages avec ceux stockés dans son répertoire cache ( .parcel-cache). Si le hachage d'un fichier correspond à sa version mise en cache, Parcel utilise le fichier mis en cache, évitant ainsi les reconstructions inutiles et optimisant la vitesse de déploiement. Lorsque le contenu d'un fichier change, son hachage est mis à jour, invitant Parcel à reconstruire uniquement les fichiers modifiés et à les mettre à jour sur le serveur. Cette approche améliore non seulement les performances de construction en réutilisant les fichiers inchangés, mais garantit également que les navigateurs reçoivent le contenu mis à jour de manière fiable via des noms de fichiers uniques basés sur les hachages de fichiers, évitant ainsi les problèmes de mise en cache lors du déploiement.

    hmr en détail - donc fondamentalement, lorsque le fichier est modifié, c'est-à-dire que son hachage est maintenant différent de celui de l'ancienne version, le fichier modifié n'est mis à jour que dans le navigateur et tous les autres fichiers dont le hachage est le même que l'ancien hachage utilise le fichier .parcel-cache qui réduit le temps et évite de reconstruire toute l'application à partir de zéro et tout cela est déclenché à chaque fois que le programmeur enregistre le fichier && le navigateur exécute cette application (en direct)

    groupage différentiel : puisque babel est utilisé pour le regroupement en colis -- il effectue plusieurs tâches

    • babel convertit le code es6+ js en code es5 nécessaire à l'exécution de votre application dans un navigateur plus ancien
    • Il convertit le code jsx de React en code js (jsx en objet js (ast)) car nous savons tous que le moteur v8 du navigateur est incapable de comprendre le code jsx
    • Il convertit également le typescript en JavaScript car TS est un sur-ensemble de js qui ajoute du type statique à js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal