Строго говоря, вы не можете делать то, что просите для всего вашего приложения
[использовать] HTML в качестве точки входа в Webpack
HTML-файлы не могут ссылаться на локальные файлы на вашем жестком диске (существуют системы шаблонов, но это совсем другое).HTML-файлы обслуживаются сервером и могут ссылаться только на удаленные файлы.
В Webpack вы будете использовать различные загрузчики , которые могут выполнять различные операции с файлами в зависимости от того, какой тип файла онииметь.
Что вы можете сделать:
- использовать HTML в качестве точки входа Webpack для других ваших файлов HTML, если вы используете библиотеку шаблонов или импортирует HTML
- использовать JS-файл в качестве точки входа Webpack (обычно index.js) для всех ваших JS-файлов
- , после чего оба вывода помещаются в папку
dist
, а вывод HTML будет ссылаться на ваш вывод JS, ноне относительный или абсолютный путь (диск), он будет делать это с удаленным локатором ресурсов.Стандарт для них - Унифицированный указатель ресурса, URL (относительный URL).Извините за слишком подробное (педантичное) описание, я просто хочу как можно яснее объяснить причины всего этого.
Однако все документы и учебные пособия говорят только о том, чтобы начинать с a.js.
Для простого сайта, такого как одностраничный сайт, обычно HTML вообще не проходит никакой предварительной обработки.И единственное действие, предпринятое на этапе сборки, - это перемещение файла с src
на dist
, поэтому учебники, как правило, ориентированы на сторону JS.
Из описания вашего проекта этоКажется, вам стоит начать экспериментировать с html-загрузчиком . Он поддерживает общие функции, такие как минимизация, разрешение путей к изображениям и т. д.