node-sass-loader
Overview
This is a node module created to extend functionality of the node-sass module.
This provides a simple function that takes in a source and a destination directory. Then it will traverse the source directory, compiling each file it finds. It will then place the compiled css into the correct output folder, relative to the source directory it was located in.
Installation
// to install in the local directorynpm install node-sass-loader // to install in the local directory and save to the package.jsonnpm install node-sass-loader --save
Example Usage
Pretend you have a directory
/Users/username/node project/
And this folder has the directory structure
/Users/username/node project/
|__css (This is an empty directory)
...
|__scss
|__main styles
|__default.scss
|__main.scss
|__mobile styles
|__default.scss
|__main.scss
Loading from Source Directory to Destination Directory
// First load the modulevar nodeSassLoader = ;// Call the compilationnodeSassLoader;
The result is that the css folder will now have the css files and directory structure that the sass folder had.
/Users/username/node project/
|__css
|__main styles
|__default.css
|__main.css
|__mobile styles
|__default.css
|__main.css
|__scss
|__main styles
|__default.scss
|__main.scss
|__mobile styles
|__default.scss
|__main.scss
Using Include Paths
If you wish to use the include paths property you can do so like this:
// First load the modulevar nodeSassLoader = ;// Call the compilationnodeSassLoader;
Additional Features
If there are additional features or issues, please file an issue in the issues section of the repository. Or, feel free to create your own addition and file a pull request to integrate the features.