Heim  >  Artikel  >  Was ist das Verpackungsprinzip von Webpack?

Was ist das Verpackungsprinzip von Webpack?

coldplay.xixi
coldplay.xixiOriginal
2021-03-26 11:45:4617555Durchsuche

Das Webpack-Paketierungsprinzip besteht darin, die Abhängigkeiten zwischen Dateien statisch zu analysieren und statische Ressourcen gemäß den angegebenen Regeln für diese Module zu generieren. Wenn Webpack das Programm verarbeitet, erstellt es rekursiv ein Abhängigkeitsdiagramm und packt alle diese Module in ein oder mehrere Bundles .

Was ist das Verpackungsprinzip von Webpack?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, DELL G3-Computer. Das Prinzip der Webpack-Paketierung besteht darin, die Abhängigkeiten zwischen Dateien statisch zu analysieren und dann gemäß den angegebenen Regeln statische Ressourcen aus diesen Modulen zu generieren. Wenn Webpack das Programm verarbeitet, erstellt es rekursiv ein Abhängigkeitsdiagramm, das jedes Modul Ihrer Anwendung enthält benötigt, und packt dann alle diese Module in ein oder mehrere Bundles.

Webpack bietet zwei Möglichkeiten, Modulabhängigkeiten zu organisieren: synchron und asynchron. Asynchrone Abhängigkeiten werden als Teilungspunkte verwendet, um einen neuen Block zu bilden. Nach der Optimierung des Abhängigkeitsbaums wird jeder asynchrone Block als Datei gepackt. webpack verfügt über einen intelligenten Parser, der mit fast jeder Bibliothek von Drittanbietern umgehen kann. Unabhängig davon, ob es sich bei ihrer Modulform um CommonJS-, AMD- oder gewöhnliche JS-Dateien handelt, sind dynamische Tabellen require(",/templates/"+name+", jade") zulässig.

Erweiterungsinformationen

In einer typischen Anwendung oder Site, die mit Webpack erstellt wurde, gibt es drei Haupttypen von Code: 1. Vom Team geschriebener Quellcode.

2. Der Quellcode hängt von einer Drittanbieter-Bibliothek oder einem „Anbieter“-Code ab.

3. Die Laufzeit und das Manifest von Webpack verwalten die Interaktion aller Module.

Runtime umfasst: die Lade- und Analyselogik, die zum Verbinden von Modulen während der Modulinteraktion erforderlich ist, einschließlich der Verbindung geladener Module im Browser und der Ausführungslogik von Lazy-Loading-Modulen.

Verwandte kostenlose Lernempfehlungen:

php-Programmierung (Video)

Das obige ist der detaillierte Inhalt vonWas ist das Verpackungsprinzip von Webpack?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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