HTML как точка входа в Webpack - PullRequest
0 голосов
/ 10 марта 2019

Прежде всего, я совершенно новичок в веб-разработке, поэтому, если мой подход совершенно неверен, просто скажите об этом.

Я хочу автоматизировать сборку файлов sass и ts, поэтому я прочитал о Gulp / Webpack , и похоже, что вебпак - это путь.

Я создаю простой одностраничный веб-сайт, и пока у меня есть только небольшой необходимый javascript, так что это имеет смысл в моемИмейте в виду, что точкой входа для webpack должен быть сам файл html.Тем не менее, все документы и учебные пособия говорят только о том, чтобы начинать с .js.

. Есть ли способ начать с HTML и разрешить js, css, изображения и другие необходимые материалы?

Должен ли я просто отказаться от использования webpack и просто использовать gulp для компиляции машинописного текста и sass?

Ответы [ 2 ]

0 голосов
/ 10 марта 2019

В качестве альтернативы можно использовать Parcel , который поддерживает наличие файла HTML в качестве записи .

0 голосов
/ 10 марта 2019

Строго говоря, вы не можете делать то, что просите для всего вашего приложения

[использовать] 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-загрузчиком . Он поддерживает общие функции, такие как минимизация, разрешение путей к изображениям и т. д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...