How to use SASS in Dart editor
Here is a build.dart file with basic support for SASS:
import 'dart:io';void main(List<String> args) { for (String arg in args) { if (arg.startsWith('--changed=')) { String file = arg.substring('--changed='.length); if (file.endsWith('.scss')) { var result = Process.runSync('sass', [ '--line-numbers', file, file.substring(0, file.length - '.scss'.length) + '.css']); if (result.exitCode != 0) { // report error (SASS seems to only report first error) // split error lines var lines = result.stderr.split('\n'); // escape quotes in error message on first line var error = lines[0].replaceAll('"', r'\"'); // extract line number from second line var numMatch = new RegExp(r'\d+').firstMatch(lines[1]); var lineNum = numMatch == null ? 1 : num.parse(numMatch.group(0)); // Report error via JSON print('[{"method":"error","params":{"file":"$file","line":$lineNum,"message":"$error"}}]'); } } } }}
During development (with Dart Editor or another editor...), just use sass the way it's meant to be used, in your directory project :
sass -w .
Put the CSS generated files in the ignore list of your source code management system (aka .gitignore for git).
And for dart2js compilation, use the sass pub package : http://pub.dartlang.org/packages/sass