Une brève analyse du tutoriel sur l'utilisation du plugin HTML WebPack

Utilisez le plugin HTML-Webpack-Plugin pour démarrer la page pour mettre la page HTML en mémoire pour améliorer la vitesse de chargement de la page

Il peut également définir automatiquement le chemin introduit par le fichier JS dans la page index.html

Prérequis pour une utilisation: WebPack est installé dans le projet:

Sa fonction consiste à générer des pages HTML correspondantes en mémoire en fonction de la page de modèle spécifiée.

Importez le plugin HTML-Webpack-Plugin dans le fichier de configuration et configurez le chemin de la page de modèle et le nom de la page généré

 const Path = require (path) // importer html-webpack-PluginConst htmlwebpackplugin = require (html-webpack-plagin) module.exports = {entrée: path.join (__ dirname,. / src / main.js), sort: {path.join (__ dirname,. }, // Configurer les plugins: [// Créer un plugin html-webpack-plagin nouveau htmlwebpackplugin ({// set le modèle de paramètre: path.join (__ dirname,. / Src / index.html), // Spécifiez la page de modèle pour générer des pages en mémoire en fonction du fichier de page générique: index. pages en mémoire})]}

Après avoir utilisé le plugin HTML-Webpack-Plugin, il n'est pas nécessaire de traiter manuellement le chemin de référence de Bundle.js

Parce que le chemin correct vers Bundle.js a été automatiquement introduit dans la page HTML générée en mémoire

1. Générez automatiquement une page en mémoire en fonction de la page spécifiée.

2. Introduire automatiquement Bundle Packaged.js dans la page

Ceci est la fin de cet article sur une brève analyse du tutoriel sur l'utilisation du plugin HTML WebPack. Pour un contenu de plugin HTML WebPack plus connexe, veuillez rechercher des articles précédents sur Wulin.com ou continuer à parcourir les articles connexes ci-dessous. J'espère que tout le monde soutiendra Wulin.com à l'avenir!