So why not use Sass in your Dart project? It's really easy.
You need to have Sass installed and available on the path. For how to check the official website.
And now add Sass to your Dart project:
1) Install Sass packageFind Sass package on pub. Here it is: https://pub.dartlang.org/packages/sass.
2) Update pubspec.yamlAdd Sass dependency in your project's pubspec.yaml. Don't forget to add transformers too:
name: super_cute_app description: My super cute app! dependencies: … sass: any transformers: - sass
And then run pub get.
3) Use itNow you can create and use .sass and .scss files in your project and these files will be automatically transformed to corresponding .css files.
This package has also some more options.
Bonus: Live reloadDo you know Live reload? No? I am using this tool with css/Sass in my projects.
It monitors changes in your file system. When you change the (css or Sass) file, the connected web browser is refreshed. So I don’t have to do manual browser refresh after every change in my stylesheets.
And that's all for today and I hope you now enjoy Sass in your Dart project! :-)