Используйте плагин HTML-Webpack-Plugin, чтобы запустить страницу, чтобы поместить страницу HTML в память , чтобы улучшить скорость загрузки страницы
Он также может автоматически установить путь, введенный файлом JS на странице index.html
Предварительные условия для использования: WebPack установлен в проекте:
Шаг 1 : Введитеcnpm i html-webpack-plugin -D Установите плагин HTML-WEBPACK-PLUGIN для зависимости развитияЕго функция состоит в том, чтобы генерировать соответствующие HTML -страницы в памяти на основе указанной страницы шаблона.
Шаг 2 : Измените файл конфигурации webpack.config.js после установки плагинаИмпортируйте плагин HTML-Webpack-Plugin в файле конфигурации и настройте путь страницы шаблона и сгенерированное имя страницы
const path = require (path) // import html-webpack-pluginconst htmlwebpackplugin = require (html-webpack-plugin) module.exports = {intry: path.join (__ dirname,./src/main.js), выход: {path.join (__ dirname,./main. }, // Настройка плагинов: [// Создать плагин HTML-webpack-plugin new htmlwebpackplugin ({// Установить шаблон параметров: path.join (__ dirname ,./src/index.html), // указать шаблон. Сгенерированные страницы в памяти})]}После использования плагина HTML-Webpack-Plugin нет необходимости вручную обрабатывать эталонный путь Bundle.js
Поскольку правильный путь к Bundle.js был автоматически введен в сгенерированную HTML -страницу в памяти
Резюме - что делает плагин:1. Автоматически генерируйте страницу в памяти на основе указанной страницы.
2. Автоматически ввести упакованный Bundle.js в страницу
Это конец этой статьи о кратком анализе учебника по использованию плагина HTML Webpack. Для получения более связанного содержимого плагина HTML Webpack, пожалуйста, найдите предыдущие статьи с wulin.com или продолжайте просматривать соответствующие статьи ниже. Я надеюсь, что все будут поддерживать wulin.com в будущем!