Wir haben den Mechanismus zusammengefasst, bis mehrere statische Dateien auf den Browser angewendet werden. Grob gesagt Der Browser verfügt über eine feste Sprache, die erkannt werden kann, und jede Sprache muss in eine Sprache übersetzt werden, die erkannt werden kann. Diese Übersetzungsarbeit wird als Kompilieren bezeichnet. Wenn sie nicht kompiliert werden kann, muss sie im Voraus verarbeitet werden. Diese Vorverarbeitung wird als Vorkompilierung bezeichnet und ist ein Ablauf, bei dem jede kleine Funktion in eine Gruppe von Verarbeitungen umgewandelt wird, die als Modul bezeichnet wird, kompiliert und an den Browser zurückgegeben wird.
Annahme
Programmieranfänger(Zwei Monate)Dies ist eine Zusammenfassung dessen, was ich gelernt habe.
Es ist möglicherweise im tatsächlichen Feld nicht gültig oder es liegen möglicherweise falsche Informationen vor.
Wenn Sie es bemerkt haben, lassen Sie es uns bitte in den Kommentaren wissen.
Der Browser kann nur die Sprachen HTML, CSS, JavaScript und WebAssembly erkennen. Egal, was Sie auf der Serverseite schreiben, diese vier werden schließlich an den Browser zurückgegeben. Browser können keine Seiten in anderen Sprachen rendern.
Der Browser erkennt nur die oben genannten vier, es gibt jedoch Programmiersprachen, die in der Entwicklung einfacher zu schreiben und zu lesen sind. Diese Programmiersprache heißt ** Advanced Language **.
Eine Programmiersprache, die für Menschen leichter zu verstehen ist als Maschinen Sprachen, die für Maschinen leicht zu erkennen sind, werden als ** niedrigere Sprachen ** bezeichnet. Beispiele für Hochsprachen CSS:SCSS、SASS JavaScript:TypeScript、CoffeeScript
Der Vorgang des Übersetzens einer für die Entwicklung geeigneten Sprache, damit der Browser sie erkennen kann, wird als Kompilieren bezeichnet.
kompilieren Die Aufgabe, eine Programmiersprache so zu übersetzen, dass sie von den Maschinen, die sie bedienen, verstanden werden kann. Die Kompilierung erfolgt durch ein Programm namens Compiler. Wenn es eine Sprache gibt, die der Compiler nicht erkennen kann, müssen Sie sie vorab kompilieren.
** Vorkompiliert ** Vorkompilierung, mit der der Compiler Sprachen übersetzen kann, die er nicht übersetzen kann Vorverarbeitung für die Hauptverarbeitung durchgeführt Als Methode zur Durchführung dieser Vorkompilierung gibt es einen Mechanismus, der als Asset-Pipeline bezeichnet wird.
** Asset-Pipeline ** Eine Funktion, die statische Dateien, sogenannte Assets wie JavaScript und CSS, in kleine Teile organisiert Die Verarbeitung der Asset-Pipeline erfolgt im Ablauf der Vorkompilierung → Verkettung → Komprimierung → Platzierung. Nachdem Sie mehrere statische Dateien vorkompiliert und verkettet haben, komprimieren und reduzieren Sie das Gewicht und legen Sie es im öffentlichen Verzeichnis ab, damit es an den Browser übergeben werden kann. Die Vorkompilierung erfolgt mit dem Modulbündler.
** Modulbündler ** Der Modulbündler ist ein Tool, das JavaScript-Modulabhängigkeiten verwaltet und dabei berücksichtigt. Ein Modul besteht aus einer Reihe von Prozessen, die Funktionen nacheinander aufteilen, damit sie aus anderen Dateien gelesen werden können. Module verwalten eine Gruppe von Funktionen, und wenn jede Funktion eine Abhängigkeit aufweist, verwaltet der Modulbündler diese, während er sie berücksichtigt. Das Modul Pandora wird verwendet, da Probleme auftreten, wenn die Funktionen in Dateien unterteilt werden, ohne von Modulen verwaltet zu werden, wenn sie schließlich zu einer Datei zusammengefasst werden.
webpack Mainstream-Tool im Modulbündler Es gibt vier Hauptaufgaben von Webpack ・ Eintrag Entscheiden Sie, welche Datei als Referenz (Einstiegspunkt) zum Auflösen der Abhängigkeit verwendet werden soll. · Ausgabe Geben Sie an, wo und unter welchem Namen die Datei ausgegeben werden soll, die als Einstiegspunkt verwendet und vom Webpack erfasst wird. ・ Lader Lesen (laden) Sie die Methode zum Konvertieren von anderen Dateien wie CSS und HTML als JavaScript in Module und führen Sie die angegebene Verarbeitung durch. · Plugins Führen Sie Aufgaben ein und erweitern Sie sie (Plug-In), die der Loader nur zum Gruppieren von Dateien wie der Komprimierung ausführen kann.