I’ve decided to move the “Everydays” a bit to code. Today I learned about gulp and set it up. This is the tutorial I followed.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
// Include gulp var gulp = require('gulp'); // Include Plugins var jshint = require('gulp-jshint'); var sass = require('gulp-sass'); var concat = require('gulp-contact'); var uglify = require('gulp-uglify'); var rename = require('gulp-rename'); // Lint Task gulp.task('lint', function () { return gulp.src('js/*.js') .pipe(jshint()) .pipe(jshint.reporter('default')); }); // Compile Sass gulp.task('sass', function () { return gulp.src('scss/*.scss') .pipe(sass()) .pipe(gulp.dest('css')); }); // Concatenate & Minify JS gulp.task('scripts', function () { return gulp.src('js/*js') .pipe(concat('all.js')) .pipe(gulp.dest('dist')) .pipe(rename('all.min.js')) .pipe(uglify()) .pipe(gulp.dest('dist')); }); // Watch files for changes gulp.task('watch', function () { gulp.watch('js/*.js', ['lint', 'scripts']); gulp.watch('scss/*.scss', ['sass']); }); // Default Task gulp.task('default', ['lint', 'sass', 'scripts', 'watch']); |
