Utilisez html-webpack-plugin' pour générer un plug-in de page HTML en mémoire

Lorsque nous emballons le fichier webpackjs, nous introduisons le main.js global dans l'interface index.html, comme indiqué ci-dessous :

src ='budl.js' doit être introduit

Lors de l'empaquetage, les fichiers décompressés sont divisés en deux fichiers, l'un est html-webpack-plugin fichier disque local et l'autre est un fichier en mémoire. N'est-ce pas particulièrement gênant ? Face à ce problème, nous avons une autre façon de le résoudre. html-webpack-plugin installe ce plug-in.

1. Nous entrons d'abord npm i html-webpack-plugin pour installer le plug-in

2. Configurez ensuite les options dans le fichier de configuration webpack.config.js.

Installation terminée

webpack.config.js introduit le plugin html-webpack

Configurer le fichier d'interface généré

3. Une fois le plug-in installé, commentez src=budle.js dans l'index, puis redémarrez le projet

4. Après avoir redémarré le projet, l'interface empaquetera automatiquement un buld.js et l'introduira dans l'interface d'index.

Ce qui précède est l'introduction de l'éditeur à l'utilisation de html-webpack-plugin' pour générer des plug-ins de page HTML en mémoire. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. vous à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !