TypescriptのクラスをGulpを使ってAngularJSに自動登録する

前回の「Typescriptで書いたAngularJSのControllerをgulpで自動登録する」を汎用化 & gulpのプラグイン化しました。Controller だけでなく、Service や Provider, Directive も TypeScript のクラスとして作成すると、AngularJSのモジュールに自動登録することができます。

npm パッケージ

gulp-typescript-angular

使い方

npm で gulp-typescript-angularをインストールします。

インストール

npm install gulp-typescript-angular --save-dev

gulp-typescript-angularをgulpのスクリプトに仕込みます。

gulpfile.js

var gulp = require('gulp');

var typescript = require('gulp-typescript');
var typescriptAngular = require('gulp-typescript-angular');


gulp.task('scripts', function () {
  return gulp.src('./**/*.ts')
    .pipe(typescript())
    .pipe(typescriptAngular({
      moduleName:'sample'
    }))
    .pipe(gulp.dest('./dist'));
});

サンプル

GitHubのgulp-typescript-angular を参照してください。