Wenn wir die Datei webpackjs packen, führen wir die globale Datei main.js in die Schnittstelle index.html ein, wie unten gezeigt:
src ='budl.js' muss eingeführt werden
Beim Packen werden die entpackten Dateien in zwei Dateien aufgeteilt, eine ist eine lokale Festplattendatei und die andere ist eine Datei im Speicher. Ist das nicht besonders problematisch? Wir haben eine andere Möglichkeit html-webpack-plugin es zu lösen. html-webpack-plugin installiert dieses Plug-in.
1. Wir geben zunächst npm i html-webpack-plugin ein, um das Plug-in zu installieren
2. Konfigurieren Sie dann die Optionen in der Konfigurationsdatei webpack.config.js.
Installation abgeschlossen
webpack.config.js führt das HTML-Webpack-Plugin ein
Konfigurieren Sie die generierte Schnittstellendatei
3. Kommentieren Sie nach der Installation des Plug-Ins src=budle.js im Index und starten Sie dann das Projekt neu
4. Nach dem Neustart des Projekts packt die Schnittstelle automatisch eine buld.js und führt sie in die Indexschnittstelle ein.
ZusammenfassenDas Obige ist die Einführung des Herausgebers in die Verwendung von HTML-Webpack-Plugins zum Generieren von HTML-Seiten-Plugins im Speicher. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird darauf antworten Sie rechtzeitig. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!