読者です 読者をやめる 読者になる 読者になる

【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

以上です