Используйте файлы стилей SCSS в AngularDart 5 и Dart 2

Question

Я работаю с Дарт 2 и AngularDart 5 .

⚠ Я искал в Интернете о своемвопрос, но я не нашел удовлетворительного ответа.

❔ Может кто-нибудь объяснить все шаги, которые мне нужно включить, и работать с файлами стиля SCSS в моемПриложение AngularDart?

Я начал с приложения быстрого запуска, которое вы можете найти здесь .

Спасибо!

Answer 1

Если вы используете angluar_components.Можно просто включить его:

1. Создать файл build.yaml со следующим содержимым:

   targets:
     $default:
       builders:
         angular_components|scss_builder:
           enabled: True
   

2. Используйте следующее соглашение для styleUrl аннотации: styleUrls: const ['app_component.scss.css']
3. Напишите свой sass в *.scss файлах.

Answer 2

1. Добавьте dev-зависимость в ваш pubspec.yaml для sass_builder: ^2.0.0.
2. Запустите pub get, чтобы загрузить новые зависимости.
3. Создайте файл sass, например: lib/app_component.scss и добавьте в него несколько стилей.
4. Добавьте скомпилированную скомпилированную таблицу стилей CSS в свой @.Аннотация компонента в lib/app_component.dart: styleUrls: const ['app_component.css'],

Файл css будет создан sass_builder во время процесса сборки.