gulp

本家：gulp本家サイト

関数チェーン：gulp本家サイト

    
//変数でgulpを呼んでおく
var gulp    = require('gulp');

//変数で使用するgulpプラグインを呼ぶ。事前にインストールしとく
// ファイル結合
var concat  = require('gulp-concat');
// javascript minify
var uglify = require('gulp-uglify');
// css minify
var cleanCSS = require("gulp-clean-css");
// file rename
var rename = require('gulp-rename');
// error handling
var plumber = require('gulp-plumber');

//タスクを登録する v4
//ie関係ねーから、アロー関数でいいよ
//return で処理を完了させること。出ないと処理が継続されて、エラーメッセージが出る
//done(); で処理するような記述もあるけど、シンプルに、returnでOK!

//ファイルを結合して、minifyを作成するスクリプト
//タスクをコマンドから実行（手動）
//gulpを起動させとけば、自動実行もできるっぽいけど、PCへの負荷やタイムラグ考えて、手動を選択

//gulpは関数をチェーンつなぎ(.pipe)できるから好きよーー
//.pipeも gulp関数

//フォルダ内のファイルを全て指定する場合
//ただし、順番はAーZ順
gulp.task('cssd', function(){
    return gulp.src([
      './mt-static/css/desing/*.css',
    ])
      .pipe(plumber())
      .pipe(concat('design.css'))
      .pipe(cleanCSS())
      .pipe(gulp.dest('./mt-static/css/'))
});

//ファイルを個別指定する場合。順番指定する場合もこっち
gulp.task('njajs', function(){
  return gulp.src([
    './mt-static/js/nja_.core.js',
    './mt-static/js/nja_.ui-manage.js',
    './mt-static/js/nja_.ui_nav.js',
    './mt-static/js/nja_.kite.js',
    './mt-static/js/nja_.kunai.js',
    './mt-static/js/nja_.moon.js',
  ])
  .pipe(plumber())
  .pipe(concat('nja_.js'))
  .pipe(uglify())
  .pipe(gulp.dest('./mt-static/js/assets/'))
});