nativescript-dev-sass

SASS CSS pre-processor for NativeScript projects

(Based on nativescript-dev-less plugin)

---

This plugin uses the node-sass compiler to transpile SCSS files to CSS files in NativeScript projects.

How to use

$ tns install sass

The above command installs this module and installs the necessary NativeScript hooks. SASS CSS pre-processing of all .scss files inside app folder happens when the project is prepared for build (including LiveSync, Emulate and Watch commands).

NOTE: SASS @import syntax In some cases, the current version of node-sass requires @import statements to explicitly include the filename extension (like .scss). This occurs if files with the same name exist in the same path.

Example: variables.scss variables.css _variables.scss

Node-sass will throw an error if the @import variables; syntax is used. As a workaround, use an explicit filename, like: @import variables.scss;

This will be fixed in node-sass 3.5. See this issue for more detail.