Sass de Dart

A Sass de Dart é a implementação primária da Sass, o que significa que recebe as novas funcionalidades antes de qualquer outra implementação. É rápida, fácil de instalar, e compila para JavaScript puro que a torna fácil de integrar em fluxos de trabalhos de desenvolvimento da web moderna. Descubra mais ou ajude com seu desenvolvimento na GitHub.

Linha de ComandoLinha de Comando permalink

O executável da linha de comando independente da Sass de Dart usa a extremamente rápida máquina virtual da Dart para compilar as tuas folhas de estilos. Para instalares a Sass de Dart na linha de comando, consulte as instruções de instalação. Assim que a tiveres executando, podes usá-la para compilar os ficheiros:

sass source/index.scss css/index.css

Consulte sass --help por informação adicional sobre a interface da linha de comando.

Biblioteca de DartBiblioteca de Dart permalink

Tu podes também usar a Sass de Dart como uma biblioteca de Dart para teres a velocidade da máquina virtual da Dart mais a habilidade de definir as tuas próprias funções e importadores. Para adicioná-la à um projeto existente:

  1. Instale a SDK de Dart. Certifica-te de que o seu diretório bin está no teu PATH.
  1. Crie um ficheiro pubspec.yaml como este:
name: my_project
dev_dependencies:
  sass: ^#{impl_version(:dart)}

  1. Execute dart pub get.

  2. Crie um ficheiro compile-sass.dart como este:

import 'dart:io';
import 'package:sass/sass.dart' as sass;

void main(List<String> arguments) {
  var result = sass.compileToResult(arguments[0]);
  new File(arguments[1]).writeAsStringSync(result.css);
}
  1. Tu podes agora usar este para compilar ficheiros:
dart compile-sass.dart styles.scss styles.css
  1. Saiba mais sobre a escrita de código de Dart (é fácil!) e sobre a API de Dart da Sass.

Biblioteca de JavaScriptBiblioteca de JavaScript permalink

A Sass de Dart também é distribuída como pacote de sass de JavaScript pura na npm. A versão de JavaScript pura é mais lenta do que o executável independente, mas é fácil de integrar nos fluxos de trabalho existentes e permite-te definir funções e importadores personalizados na JavaScript. Tu podes adicioná-la ao teu projeto usando npm install --save-dev sass e importá-la como uma biblioteca:

const sass = require('sass');

const result = sass.compile("style.scss");
console.log(result.css);

// OU

const result = await sass.compileAsync("style.scss");
console.log(result.css);

Quando instalada através de npm, a Sass de Dart suporta uma API de JavaScript nova em folha, bem como uma API legada que é completamente compatível com a antiga API de Sass de Node. Nota que quando usares o pacote sass, as funções de API síncronas são mais do que duas vezes mais rápidas do que API assíncrona, devido as despesas gerais das funções de respostas assíncronas.