Как добавить файлы стилей в один бандл с js?

Как добавить файлы стилей в один бандл с js?

Хотя бы наводка нужна.

И интересно, что вебпак делает по капотом, как при чтении js файла браузер распознает что есть стили а что код? По идеи js имеет механизм создания тега и вставки в него стилей.
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ответы на вопрос 1
bingo347
@bingo347 Куратор тега Node.js
Ткнуть в доку лучше готового к копипасте ответа
Webpack из коробки работает только с JS кодом, и обрабатывает его только в .js файлах.
Для обработки файлов других форматов используются лоадеры, которые преобразуют один код в другой.
В конфиге webpack можно описать правила, что на файлы с именем определенного формата применяются определенные лоадеры.
Лоадеры обычно выполняют какую-то одну трансформацию. Так же лоадеры можно выстраивать в цепочки, получая серию трансформаций. Финальный лоадер (тот что левее в списке) обязательно должен выдавать на выходе JS код.

Вставку CSS на лету в браузер умеет делать style-loader, но работает он не с CSS, а с выводом css-loader, который как раз отвечает за преобразование CSS в JS строку.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы