Heim > Web-Frontend > js-Tutorial > Vorteile von Paketen als Paketdienstleister

Vorteile von Paketen als Paketdienstleister

王林
Freigeben: 2024-07-19 02:16:34
Original
934 Leute haben es durchsucht

benefits of parcel as a bundler

Vorteile des Pakets

  • Entwicklungstools
  • HMR – Austausch heißer Module --->> Wie - indem Sie in C++ erstellte Dateiüberwachungsalgorithmen verwenden, die Ihren Code verfolgen und sobald Wenn Sie versuchen, die Datei zu speichern, wird der Server mit neuem Code aktualisiert
  • Lokaler Server http://localhost:1234
  • Cache-Speicherverwaltung. ---> geht schnell
  • Bildoptimierung
  • komprimiert die Datei
  • Bündelung
  • Inhalts-Hashing
  • Differenzbündelung Babel
  • kann auch auf SSL https laufen
  • Baumrütteln ---> Entfernen des zusätzlichen Codes oder der Funktion, die nicht verwendet werden

    Content-Hashing: -Content-Hashing in Parcel beinhaltet die Generierung eindeutiger SHA-256-Hashes für jede Datei basierend auf ihrem Inhalt. Vor der Bereitstellung der Anwendung vergleicht Parcel diese Hashes mit denen, die in seinem Cache-Verzeichnis ( .parcel-cache) gespeichert sind. Wenn der Hash einer Datei mit der zwischengespeicherten Version übereinstimmt, verwendet Parcel die zwischengespeicherte Datei, wodurch unnötige Neuerstellungen vermieden und die Bereitstellungsgeschwindigkeit optimiert werden. Wenn sich der Inhalt einer Datei ändert, wird ihr Hash aktualisiert, was Parcel dazu veranlasst, nur die geänderten Dateien neu zu erstellen und sie auf dem Server zu aktualisieren. Dieser Ansatz verbessert nicht nur die Build-Leistung durch die Wiederverwendung unveränderter Dateien, sondern stellt auch sicher, dass Browser aktualisierte Inhalte zuverlässig über eindeutige Dateinamen basierend auf Datei-Hashes erhalten, wodurch Caching-Probleme während der Bereitstellung vermieden werden.

    hmr im Detail - Wenn also eine Datei geändert wird, d. h. ihr Hash unterscheidet sich jetzt von dem der älteren Version, wird die geänderte Datei nur im Browser aktualisiert und alle anderen Dateien, deren Hash mit denen der älteren Version übereinstimmt verwendet die .parcel-cache-Datei, die die Zeit verkürzt und das Neuaufbauen der gesamten Anwendung von Grund auf vermeidet. Dies alles wird jedes Mal ausgelöst, wenn der Programmierer die Datei speichert und der Browser diese Anwendung (live) ausführt

    Differenzielle Bündelung: Da Babel zum Bündeln in Paketen verwendet wird, werden mehrere Aufgaben ausgeführt

    • Babel konvertiert den ES6+-JS-Code in den ES5-Code, der für die Ausführung Ihrer Anwendung in einem älteren Browser erforderlich ist
    • Es konvertiert den JSX-Code von React in JS-Code (JSX in JS-Objekt (ast)), da wir alle wissen, dass die v8-Engine des Browsers den JSX-Code nicht verstehen kann
    • Es konvertiert auch Typoskript in JavaScript, da TS eine Obermenge von js ist, die statischen Typ zu js hinzufügt

Das obige ist der detaillierte Inhalt vonVorteile von Paketen als Paketdienstleister. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage