Skip to content

Instantly share code, notes, and snippets.

@gkatsanos
Created December 10, 2016 18:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gkatsanos/20cb6de70b90d3c3a7b5313661dc5892 to your computer and use it in GitHub Desktop.
Save gkatsanos/20cb6de70b90d3c3a7b5313661dc5892 to your computer and use it in GitHub Desktop.
var gulp = require('gulp'),
sass = require('gulp-sass');
// here you add variables for your paths so you don't have to repeat them
var config = {
sass: {
src: './src/assets/sass',
dest: './public/css'
},
bootstrap: {
src: './node_modules/bootstrap-sass/assets/stylesheets'
}
};
/**
* css compilation
* Usage:
* gulp sass
*/
gulp.task('sass', function(){
let files = `${config.sass.src}/**/*.scss`;
let dest = `${config.sass.dest}`;
console.log('=== Compiling SASS ===');
return gulp.src(files)
.pipe(sass({
outputStyle: 'expanded',
precision: 10,
errLogToConsole: true,
// that's where the magic happens
includePaths: config.bootstrap.src
}).on('error', sass.logError))
.pipe(gulp.dest(dest));
});
/**
* sass watcher, to automatically compile on file changes
* Usage:
* bin/gulp watch
*/
gulp.task('watch', function () {
let files = `${config.sass.src}/**/*.scss`;
gulp.watch(files, ['sass']);
});
gulp.task('default', ['watch']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment