Я разделил свой Angular 6 Project на множество модулей.Эти модули ссылаются на модуль пользовательского интерфейса, содержащий все таблицы стилей (SASS) в качестве значений, например
$primary-text-color: #dde7ff !default;
Причиной этого является возможность повторного использования модулей.После создания одного из этих модулей таблицы стилей уже являются частью файлов * .js.Все является CSS, и значения scss больше не существуют.Однако этот подход не позволяет потребителю создавать темы или изменять значения, например цвета или шрифты компонентов внутри модуля, впоследствии.
Моя цель - разрешить потребителю:
- создать новый проект angular-cli
- определить собственные глобальные переменные стиля, такие как
$primary-text-color: #dddddd !default;, и, следовательно, перезаписать упомянутые переменные - , ссылающиеся на существующие модули
- , построить приложение.
Ожидаемым результатом будет приложение с внешним видом / темой нового стиля для потребителей.При таком подходе потребитель не будет вынужден стилизовать каждый компонент вручную.
Чтобы достичь этого, можно:
создавать библиотеки angular-cli без компиляцииTS файлы и рендеринг таблиц стилей?Это будет просто набор исходных файлов, но в библиотеке.В этом случае ссылка на переменные все еще существует и может быть перезаписана.
Позволяет ли впоследствии компоненты в модуле использовать глобальные таблицы стилей?