[node.js] [gulp] gulpfileを晒してみる。

  • 2017-03-31更新
    • debuggerの問題で出力フォルダをルートフォルダに変更した。
    • firefox debugger が上手くソースマップ拾わないねん……

忘備録も兼ねて、typescript + cson でゲーム開発用のgulpfileを晒しておきます。

VSCodeでコンパイル、デバッグすることを前提にしています。

フォルダ構成は以下の通り

  • /src - typescriptのフォルダ
  • /cson - csonのフォルダ。assetデータ、jsonデータ用。
  • /dest - 出力先フォルダ
    • 出力フォルダはルートフォルダへ
var gulp = require('gulp')
var cson = require('gulp-cson')
var ts   = require('gulp-typescript');
var sourcemaps = require('gulp-sourcemaps');

// typescript
gulp.task('ts', () => {
    gulp.src('src/**/*.ts')
        .pipe(sourcemaps.init())
        .pipe(ts({
            target: "es6",
            module: "system",
            outFile: "app.js"
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('.'));
});

// cson
gulp.task('asset', () => {
    gulp.src('cson/*.cson')
        .pipe(cson())
        .pipe(gulp.dest('dest/asset'));
});

// default
gulp.task('default', ['ts', 'asset']);