Der Unterschied zwischen unabhängigem Build und Laufzeit-Build mit Vue2 (ausführliches Tutorial)

Der folgende Redakteur wird Ihnen eine detaillierte Erklärung des Unterschieds zwischen unabhängiger Konstruktion und Laufzeitkonstruktion basierend auf Vue2 geben. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist. Folgen wir dem Editor, um einen Blick darauf zu werfen

Tatsächlich tritt dieses Problem nicht auf, wenn Sie vue-cli zum Erstellen des Projekts verwenden, da Sie bereits während des Erstellungsprozesses des Projekts aufgefordert wurden, es zu überprüfen , und dann wird es in <span style="font-family:NSimsun">webpack.config.js</span> geschrieben.

Hier können Sie auswählen, wie Vue aufgebaut ist.

Wenn Sie <code><span style="font-family:NSimsun">Runtime + Compiler</span>Runtime + Compiler aktivieren, wird die obige Konfiguration angezeigt.

Tatsächlich handelt es sich dabei um ein Konzept:

Unabhängige Konstruktion: Das heißt, es verfügt über eine vollständige <span style="font-family:NSimsun">模版编译功能</span><code><span style="font-family:NSimsun">运行时调用功能</span>Vorlagenkompilierungsfunktion und

Laufzeitaufruffunktion

<span style="color:#000000;font-family:NSimsun">运行时调用功能</span>

Laufzeitaufbau: Bedeutung, nur der vollständige <span style=" color:#000000;font-family:NSimsun">Laufzeitaufruffunktion<span style="font-family:NSimsun"></span></span>

Warum Gibt es diesen Unterschied?

Erstens: <span style="font-family:NSimsun">template</span>Da der Vue-Nutzungs-/Ausführungsprozess in zwei Phasen unterteilt ist, besteht die erste Phase darin, die Vorlage zu kompilieren (z. B Eine einzelne

<p>template<span style="background-color: #ccffcc"></span></p>) in der Vue-Datei ist die Rendering-Funktion (render), und die zweite Stufe ist die Aufrufstufe der eigentlichen Funktion.

Zweitens, Weil ab Vue2. Daher wird es nach Vue2.x zu Problemen bei der Vergabe von Unteraufträgen kommen.

Hier ist der offizielle Wortlaut:

Der eigenständige Build umfasst Kompilierung und Unterstützung für Vorlagenoptionen. Außerdem ist die Existenz der Browserschnittstelle erforderlich, sodass Sie sie nicht für serverseitiges Rendering verwenden können. Der Laufzeit-Build beinhaltet keine Vorlagenkompilierung und unterstützt die Vorlagenoption nicht. Beim Laufzeit-Build können Sie die Render-Option verwenden, diese funktioniert jedoch nur in Einzeldateikomponenten. Da die Vorlage der Einzeldatei-Komponente zum Zeitpunkt des Builds in die Renderfunktion vorkompiliert wird, macht der Laufzeit-Build nur 30 % des unabhängigen Builds aus Größe, nur 16 KB min. + gzip-Größe.

Der größte Unterschied zwischen den beiden kommt also zum Vorschein

Der unabhängige Build umfasst Kompilierung und Unterstützung für Vorlagenoptionen

Laufzeit Der Build beinhaltet keine Vorlagenkompilierung und unterstützt nicht die Vorlagenoption

Das oben Gesagte habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird. Verwandte Artikel:

So lösen Sie den Tipp „Click Through“ im Fastclick-Code

So erzielen Sie einen Animationseffekt in Anime. js-Kontrollkästchen

Gemeinsame Komponenten und Framework-Strukturen in Vue (ausführliches Tutorial)

So generieren Sie ein zufällig verschlüsseltes Array in JS

So implementieren Sie einen Taschenrechner mit JavaScript

So implementieren Sie die Tabellenfilterung mit Angular

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen unabhängigem Build und Laufzeit-Build mit Vue2 (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!