SASS CSS pre-processor for NativeScript projects
(Based on nativescript-dev-sass plugin)
This plugin uses the node-sass compiler to transpile .sass 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 .sass
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 .sass
). This occurs if files with the same name exist in the same path.
Example:
variables.sass
variables.css
_variables.sass
Node-sass will throw an error if the @import variables;
syntax is used. As a workaround, use an explicit filename, like: @import variables.sass;
This will be fixed in node-sass 3.5. See this issue for more detail.