Verwenden Sie html-webpack-plugin‘, um ein HTML-Seiten-Plugin im Speicher zu generieren

Wenn wir die webpackjs-Datei verpacken, führen wir das globale main.js in die index.html-Schnittstelle ein, wie unten gezeigt:

Muss src ='budl.js' importieren

Beim Verpacken werden die entpackten Dateien in zwei Dateien aufgeteilt, eine ist eine lokale Festplattendatei und die andere ist eine Datei im Speicher. Das ist sehr lästig. Angesichts dieses Problems haben wir eine Lösung. Installieren Sie dieses Plug-In html-webpack-plugin

1. Zuerst geben wir 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 html-webpack-plugin ein

Konfigurieren der generierten Schnittstellendatei

3. Nachdem das Plugin installiert ist, kommentieren Sie src="budle.js" des Index aus und starten Sie das Projekt neu.

4. Nach dem Neustart des Projekts verpackt die Schnittstelle automatisch eine buld.js und importiert sie in die Indexschnittstelle

Zusammenfassen

Das Obige ist die Einführung des Herausgebers in die Verwendung von „html-webpack-plugin“ zum Generieren von HTML-Seiten-Plugins im Speicher. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!