Integrating browserify into an Ionic project

app.js

var customModule = require('./custom-module');

var app = angular.module('myApp', ['ionic']); 

...

gulpfile.js

...
var rename = require('gulp-rename');
var browserify = require('gulp-browserify');

var paths = {
  ...
  js: ['./www/js/**/*.js']
};

gulp.task('default', ['sass','browserify']);

gulp.task('browserify', function() {
    // Single entry point to browserify
    gulp.src('www/js/app.js')
        .pipe(browserify({
          insertGlobals : true,
          debug : false
        }))
        .pipe(rename(function(path) {
          path.basename += ".dist";
        }))
        .pipe(gulp.dest('www/js'))
});

gulp.task('watch', function() {
  ...
  gulp.watch(paths.js, ['browserify']);
});

...

index.html

<!--- <script src="js/app.js"></script> -->
<!-- Use the generated app.dist.js, instead of app.js -->

<script src="js/app.dist.js"></script>

ionic.json

{
  ...
  "gulpStartupTasks": ["browserify", "sass", "watch"]
} 

package.json

{
  "dependencies": {
    ...
    "gulp-browserify": "^0.5.0", 
    "base64-js": "^0.0.7", // caused an error without it
    "ieee754": "^1.1.4" // caused an error without it
    ...
    "gulp-rename": "^1.2.0", //wasn't included among the base gulp plugins
  }  
}