Configuring Gulp to Use LibSass With Susy

bower.json

{
  "name": "gulp-susy",
  "version": "0.0.0",
  "authors": [
    "John Doe <john.doe@example.com>"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "susy": "~2.2.2"
  }
}

gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var watch = require('gulp-watch');

// Where do you store your Sass files?
var sassDir = 'app/assets/sass';

// Which directory should Sass compile to?
var targetCSSDir = 'public/css'; 

gulp.task('css', function () {
    return gulp.src(sassDir + '/main.scss')
        .pipe(sass({
          includePaths: [
            "./bower_components/susy/sass/"
          ]
        }))
        .pipe(gulp.dest(targetCSSDir))
});

gulp.task('default', function(){
  gulp.watch(sassDir + '/**/*.s?ss', ['css']);
});

package.json

{
  "name": "gulp-susy-starter",
  "version": "0.0.1",
  "description": "\"Susy Stater with Gulp Sass\"",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "gulp-sass": "^1.3.2",
    "gulp-watch": "^4.1.1"
  },
  "dependencies": {
    "gulp": "^3.8.11"
  }
}

$ npm install gulp --save-dev
$ npm install gulp-sass --save-dev
$ npm install gulp-watch --save-dev

$ bower install susy --save