Last active
August 29, 2015 14:15
-
-
Save victortolbert/fb1b075f6475f7d58a9a to your computer and use it in GitHub Desktop.
Configuring Gulp to Use LibSass With Susy
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"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" | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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']); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"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" | |
} | |
} |
Author
victortolbert
commented
Feb 11, 2015
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment