【ionic】ionic serveでwatchしてconcatする方法

バージョン1の話です。
ionic startで作られるcontrollers.jsは1ファイルだけど、大きくなると嫌なので分割できるようにしたいというのが今回やりたかったこと。

ひな形をつくる

$ ionic start myApp tabs

controllersを分割

controllers/_init.js

angular.module('starter.controllers', []);

controllers/dash.js

angular.module('starter.controllers')
        .controller('DashCtrl', function($scope) {});

gulpでwatchしてconcatする

gulpfile.js

// jsのパスを追加
var paths = {
                sass: ['./scss/**/*.scss'],
                js: ['./www/js/**/*.js']
};

・・・

// controllers以下を結合する
gulp.task("js.concat-controllers", function() {
                return gulp.src("./www/js/controllers/**/*.js")
                                .pipe(concat("controllers-build.js"))
                                .pipe(gulp.dest("./www/js"));
});

// controllersを監視
gulp.task('watch', ['sass', 'js.concat-controllers'], function() {
		gulp.watch(paths.sass, ['sass']);
                gulp.watch(paths.js, ['js.concat-controllers']);
});

動作確認

$ gulp watch

ionic serveでwatchしてconcatする

続いてionic serve中でもwatchするように

gulpfile.js

// 追加
gulp.task('serve:before', ['watch']);

動作確認

$ ionic serve

以上です