Webpack: требуется ('index.html') против простого копирования index.html

Question

Я довольно новичок в вебпаке.

Из урока YouTube (Academind), который я наблюдал, парень учит пользователя включать HTML-файл в файл ввода .js.Из того, что я понимаю, веб-пакет будет затем использовать HtmlWebpackPlugin для извлечения HTML-файла require d, а затем внедрить его в виде файла или кода в этот HTML-файл.Правильно ли мое понимание?

Я бы хотел, чтобы ответ на вышеупомянутый вопрос, но это не главный вопрос.Главный вопрос - причина такой боли.

Разве я не могу просто скопировать файлы .html в /dist, и в каждом файле .html есть bundle1.js, bundle2.js и т. Д.?

Answer 1

Для этого руководства требовался HTML-файл, поскольку считалось, что веб-пакету (HtmlWebpackPlugin) проще вставить все теги сценариев для пакетов автоматически, без необходимости делать это вручную.

Вы также можете не требовать этого и добавьте свойство template в HtmlWebpackPlugin. Это будет делать то же самое.

Вы также можете скопировать в dist, конечно. Но это потребует от вас вручную вставить теги сценария в ваш HTML. Это начинает ухудшаться, когда у вас есть хэши в именах файлов.