Как включить упакованный ресурс CSS в минимизированный CSS веб-приложения Dart
Я пытаюсь использовать пакет Dart, который содержит только один ресурс: минимизированный ресурс CSS: https://github.com/agilord/bulma_min.
В документации просто сказано, что я должен поместить этот пакет в свой pubspec.yaml, и все будет работать... но ничего не работает.
Я предполагаю, что мне нужно, чтобы зависимость сборки web_compilers минимизировала мой собственный CSS вместе с CSS из этого пакета, но я нигде не нашел документации, объясняющей, как это сделать.
Я пытался использовать saas_builder, но, похоже, он не работает с Dart 2.1... Я создал вопрос, но пока никто не удосужился ответить.
Может ли кто-нибудь сказать мне, что происходит и как я могу заставить это работать?
Ответы 1
Немного помучившись, я нашел пример проекта с использованием dart_bulma_sass: https://github.com/indiealexh/dart_bulma_sass_example.
Несмотря на то, что в настоящее время он использует старую версию, которая не работает с Dart 2.1, обновление зависимостей заставляет его работать!
По сути, моему файлу pubspec.yaml нужны были только эти команды разработчиков:
dev_dependencies:
build_runner: ^1.1.2
bulma_sass: '>=0.7.1'
sass_builder: ^2.1.2
build_web_compilers: ^1.0.0
После этого добавил это в web/main.scss:
@import "package:bulma_sass/scss/bulma";
И связан с сгенерированным css в файле web/index.html:
<link rel = "stylesheet" href = "main.css">