Skip to content

Instantly share code, notes, and snippets.

@stephensauceda

stephensauceda/gulpfile.babel.js

Created June 11, 2015 23:45
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save stephensauceda/ce81e95c6f6c5747d8aa to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save stephensauceda/ce81e95c6f6c5747d8aa to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. stephensauceda created this gist Jun 11, 2015.
    24 changes: 24 additions & 0 deletions gulpfile.babel.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    /*
    * Steps
    * 1. Rename your gulpfile.js to gulpfile.babel.js
    * 2. Add babel to your package.json (npm install -D babel)
    * 3. Start writing ES6 in your gulpfile!
    */

    import gulp from 'gulp'; // ES6 imports!
    import sass from 'gulp-sass';

    const sassOpts = { outputStyle: 'compressed', errLogToConsole: true }; // "let" and "const"!!

    gulp.task('sass', () = > { // Arrow functions!!
    gulp.src('./**/*.scss')
    .pipe(sass(sassOpts))
    .pipe(gulp.dest('./'));
    });

    gulp.task('default', ['sass'], () => { // Arrow functions!!
    gulp.watch('./src/sass/**/*.scss', ['sass'])
    .on('change', (e) => { // Arrow functions!!
    console.log(`File ${e.path} was ${e.type}, running Sass task...`); // Template strings and interpolation!!
    });
    });