Utilice html-webpack-plugin' para generar un complemento de página html en la memoria

Cuando empaquetamos el archivo webpackjs, introducimos main.js global en la interfaz index.html, como se muestra a continuación:

Se debe introducir src ='budl.js'

Al empaquetar, los archivos descomprimidos se dividen en dos archivos, uno es html-webpack-plugin archivo del disco local y el otro es un archivo en la memoria. ¿No es esto particularmente problemático? Ante este problema, tenemos otra forma de resolverlo. html-webpack-plugin instala este complemento.

1. Primero ingresamos npm i html-webpack-plugin para instalar el complemento

2. Luego configure las opciones en el archivo de configuración webpack.config.js.

Instalación completada

webpack.config.js presenta html-webpack-plugin

Configurar el archivo de interfaz generado

3. Una vez instalado el complemento, comente src=budle.js en el índice y luego reinicie el proyecto.

4. Después de reiniciar el proyecto, la interfaz empaquetará automáticamente un buld.js y lo introducirá en la interfaz de índice.

Lo anterior es la introducción del editor al uso de html-webpack-plugin' para generar complementos de páginas html en la memoria. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá. usted en el tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!