gulpfile.js

/**
 * Desctop Caputure Recorderビルドスクリプト
 */

// config
// *** chromeの拡張機能
var clientBase = 'client/';
var popupSassFiles = 'dev/' + 'scss/*.scss';
var popupSassBuildDir = clientBase + 'build/css/';
var popupScriptFiles = ['client/lib/class.js', 'client/lib/knockout.js', 'client/js/popup.js'];
var popupScriptBuildDir = clientBase + 'build/js/';
var bgScriptFiles = ['client/lib/class.js', 'client/lib/RecordRTC.min.js', 'client/lib/gif-recorder.js', 'client/js/capture_recorder.js', 'client/js/background.js'];
var bgScriptBuildDir = clientBase + 'build/js/';
var clientHtmlFiles = clientBase + 'html/*.html';
var clientHtmlBuildDir = clientBase + 'build/html/';

// requires
var gulp = require('gulp');
// var cleanCSS = require('gulp-clean-css');
var minifyHtml = require('gulp-minify-html');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');

/**
 * Google Chrome App タスク
 */

// popup用jsの生成
gulp.task('build-client-popup-script', function() {
  return gulp.src(popupScriptFiles)
  .pipe(concat('popup.js'))
  // .pipe(gulp.dest(popupScriptBuildDir))
  .pipe(uglify())
  .pipe(rename({extname: '.min.js'}))
  .pipe(gulp.dest(popupScriptBuildDir));
});

// background用jsの生成
gulp.task('build-client-bg-script', function() {
  return gulp.src(bgScriptFiles)
  .pipe(concat('background.js'))
  // .pipe(gulp.dest(bgScriptBuildDir))
  .pipe(uglify())
  .pipe(rename({extname: '.min.js'}))
  .pipe(gulp.dest(bgScriptBuildDir));
});

// web用htmlの生成
gulp.task('build-client-html', function () {
  // knockout.jsを使ってるので comments: trueは必須
  var minifyHtmlOption = {comments: true, quotes: true, spare: false, empty: true};
  return gulp.src(clientHtmlFiles)
  .pipe(minifyHtml(minifyHtmlOption))
  .pipe(gulp.dest(clientHtmlBuildDir));
});

// ウォッチャー
gulp.task('build-client-watch', function () {
  gulp.watch(popupScriptFiles, function (event) {
    gulp.run('build-client-popup-script');
  });
  gulp.watch(bgScriptFiles, function (event) {
    gulp.run('build-client-bg-script');
  });
  gulp.watch(clientHtmlFiles, function (event) {
    gulp.run('build-client-html');
  });
});

// 全て実行
gulp.task('build-client', gulp.parallel('build-client-popup-script', 'build-client-bg-script', 'build-client-html'));