ビルド環境雛形

gulpfile.js

var gulp = require('gulp');
var del = require('del');
var webpack = require('gulp-webpack');
var eslint = require('gulp-eslint');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
var webpackConfig = require('./webpack.config.js');

gulp.task('clean', function() {
  return del.sync(['dist']);
});

gulp.task('build', function() {
  return gulp.src('./js/*.js')
    .pipe(plumber({
      errorHandler: notify.onError("Error: <%= error.message %>")
    }))
    .pipe(eslint({useEslintrc: true}))
    .pipe(eslint.format())
    .pipe(eslint.failOnError())
    .pipe(webpack(webpackConfig))
    .pipe(gulp.dest('./dist'));
});

gulp.task('sass', function() {
  // (省略)
});

gulp.task('watch', function() {
  gulp.watch(['./js/*.js'], ['build']);
  gulp.watch(['./sass/*.scss'], ['sass']);
});

gulp.task('default', ['clean', 'build', 'sass', 'watch']);
gulp.task('minify', ['js-minify', 'css-minify']);
gulp.task('production', ['clean', 'build', 'sass', 'minify']);