dart sass guide

sassguide.md

Using Dart Sass with node and normally

If previously Installed

Checking if its dart sass or not

sass -v # output should not be Ruby sass
# Note: npm dart-sass is now sass

Unstalling if its Ruby Sass

sudo apt-get remove sass

Note: also remove the sass, scss and sass-convert file in your usr/bin dir.

Installing

NPM

npm install -g sass # dart sass
npm sass -v

linux

• https://dart.dev/get-dart : install dart sdk
• https://github.com/sass/dart-sass/releases/ : download dart-sass from git
• set up PATH for dart sass in runtime configuration(~/.*rc) of any terminal you are using

export PATH=$PATH:/location/to/dart-sass >> ~/.*rc

To watch Sass

npm i sass #for latest sass watching
sass --watch scss:css # or just -w

For React usage

npm i sass --save-dev

Testing

sass-true

Unit test package for sass.

stylelint

Lint testing for sass.

plugins

Some plugin libraries to enhance the linting.

• stylelint-order
• stylelint-scss