Как использовать SCSS в проекте Hilla (Vaadin)CSS

Разбираемся в CSS
Гость
Как использовать SCSS в проекте Hilla (Vaadin)

Сообщение Гость »


Я создал новый проект Hilla React/Springboot и хочу создать собственную тему с помощью SCSS. Я хотел бы внести изменения в готовую тему Lumo, а также интегрировать стили и компоненты Bootstrap, включив Bootstrap scss. К сожалению, я не могу найти какой-либо свежей информации о том, как использовать sass в Hilla (только небольшая, но неполная информация, касающаяся Vaadin 7). Буду признателен за подсказки
[*]где разместить файлы sass пользовательского стиля (frontend/themes//??) – ответ -> см. ниже [*]как мне настроить синтаксический анализатор/генератор CSS Sass? Похоже, что файлы css генерируются автоматически, но они размещаются под файлом sass и поэтому не распознаются автоматически Hilla -> ответил: настройка не требуется, поскольку sass является зависимостями разработки (в packages.json) [*]как я могу использовать CSS-файлы Bootstrap? Я добавил зависимость Bootstrap в package.json, но не уверен, правильный ли это подход.
Обновление: теперь я понял, как использовать sass в проекте Hilla (как только вы поймете, что это просто ;-)): назовите файл SASS, например. themes/my-theme/my-styles.scss, затем добавьте следующую строку в styles.css:
@import "my-styles.scss";

Вернуться в «CSS»