(Based on nativescript-dev-less plugin)
This plugin uses the node-sass compiler to transpile SCSS files to CSS files in NativeScript projects.
$ 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.