Gulp Sass Grapher [![Build Status][travis-image]][travis-url] [![NPM version][npm-image]][npm-url]

[![Dependency Status][depstat-image]][depstat-url] [![devDependency Status][devdepstat-image]][devdepstat-url]

A gulp plugin for passing only the root SASS files down the stream. Unlike other plugins this one accounts for rebuilding the graph index when new files are added along with a manual API to rebuild the index.

> Sass Graph plugin for [gulp][gulp] 3.

Install

Install with npm

``
npm install --save-dev gulp-sass-grapher
`

Example

Here is an example using gulp-sass-grapher with gulp-watch.

`javascript
var sassGrapher = require('gulp-sass-grapher'),
gulp = require('gulp'),
path = require('path'),
watch = require('gulp-watch');

gulp.task('watch-styles', function() {
var loadPaths = path.resolve('src/sass');
sassGrapher.init('src/sass', { loadPaths: loadPaths })
return watch('src/sass/*/.scss', { base: path.resolve('src/sass') })
.pipe(sassGrapher.ancestors())
.pipe(sass({
includePath: loadPaths
}))
.pipe(gulp.dest('dist/css'))
})
``

[gulp]: http://gulpjs.com/
[npm-url]: https://npmjs.org/package/gulp-sass-grapher
[npm-image]: http://img.shields.io/npm/v/gulp-sass-grapher.svg

[travis-url]: http://travis-ci.org/jayzawrotny/gulp-sass-grapher
[travis-image]: https://travis-ci.org/jayzawrotny/gulp-sass-grapher.svg?branch=master

[depstat-url]: https://david-dm.org/jayzawrotny/gulp-sass-grapher
[depstat-image]: https://david-dm.org/jayzawrotny/gulp-sass-grapher.svg

[devdepstat-url]: https://david-dm.org/jayzawrotny/gulp-sass-grapher#info=devDependencies
[devdepstat-image]: https://david-dm.org/jayzawrotny/gulp-sass-grapher/dev-status.svg