AngularDartでSASSを使う

Categories
Tags
Share

とりあえずAngularDartでSASSは使えるんだろうか?と思って調べてみました。 dart_sass_transoformerというライブラリがありました。

dart_sass_transoformer

libsassを使った高速なコンパイルにも対応してるようです。 Macの場合は別途brew install sasscで入れておきます。

使い方

pubspec.yamlに追加します。

dependencies:
  dart_sass_transformer: any
transformers:
- dart_sass_transformer:
  executable: sassc

そして、pub getを実行。

細かい設定はgithubの説明ページを見ればいいでしょう。

AngularDartのサンプルプログラムのコンポーネントのcssの拡張子をscssに変更し、ネストでsassを記述してみたのですが、ちゃんと反映されたので、動いているようでした。簡単でよかった!


comments powered by Disqus