Un gulpfile utile pour Foundation

gulpfile.js

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();
var argv = require('yargs').argv;
var port = process.env.SERVER_PORT || 3000;
var browser = require('browser-sync');

// Check for --production flag
var isProduction = !!(argv.production);

var sassPaths = [
    'bower_components/foundation-sites/scss',
    'bower_components/motion-ui/src'
];

// Starts a BrowerSync instance.
gulp.task('serve', ['sass'], function() {
    browser.create().init({
        server: './',
        port: port,
        index: "decoupe-home.html"
    });
});

// Compiles the sass stylesheets.
gulp.task('sass', function() {

	  return gulp.src('./scss/app.scss')
		    .pipe($.sourcemaps.init())
		    .pipe($.sass({
			      includePaths: sassPaths,
            outputStyle: 'compressed'
		    })
			        .on('error', $.sass.logError))
		    .pipe($.autoprefixer({
			      browsers: ['last 2 versions', 'ie >= 9']
		    }))
		    .pipe($.minifyCss())
		    .pipe($.if( ! isProduction, $.sourcemaps.write('../css')))
		    .pipe(gulp.dest('./css'));
});

// foundation watch
gulp.task('default', ['serve', 'sass'], function() {
    gulp.watch(['./scss/**/*.scss'], ['sass', browser.reload]);
    gulp.watch(['*.html'], [browser.reload]);
});

// foundation build
gulp.task('build', ['sass']);