Simply add the following lines to your
:::yaml dependencies: sass: any transformers: - sass
After adding the transformer your
.scss files will be automatically transformed to
You need to have Sass installed and available on the path.
You can also pass options to Sass if necessary:
:::yaml transformers: - sass: executable: /path/to/sass # Sass executable to use compass: true # Include compass line-numbers: true # Include line numbers in output style: compact # Style of generated CSS copy-sources: true # Copy original .scss/.sass files to output directory
You can use SassC instead of normal Sass by specifying executable as 'sassc' (or any path ending with 'sassc'):
:::yaml transformers: - sass: executable: sassc # or /path/to/sassc
SassC only supports
.scss-files and does not support Compass.
sass.batas default executable on Windows. (#10) (Thanks to Nicholas Tuck.)
copy-sources: trueto keep the old behavior. (#7)
DeclaringTransformeron Barback 0.13.x.
DeclaringTransformerinterface so Barback can optimize the asset graph.
Add this to your package's pubspec.yaml file:
dependencies: sass: "^0.3.2"
You can install packages from the command line:
$ pub get
Alternatively, your editor might support
Check the docs for your editor to learn more.
Now in your Dart code, you can use:
|1.10.0||Jul 18, 2018|
|1.9.2||Jul 13, 2018|
|1.9.1||Jul 11, 2018|
|1.9.0||Jul 4, 2018|
|1.8.0||Jun 30, 2018|
|1.7.3||Jun 28, 2018|
|1.7.2||Jun 27, 2018|
|1.7.1||Jun 25, 2018|
|1.7.0||Jun 22, 2018|
|1.6.2||Jun 20, 2018|
This package version is not analyzed, because it is more than two years old. Check the latest stable version for its analysis.