Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ionic-gulp-browserify-typescript

driftyco26MIT2.0.0

Gulp task for Ionic projects to transpile and bundle TypeScript sources with Browserify

readme

Browserify TypeScript Task

Use Browserify to transpile and bundle your TypeScript source files.

API

browserifyBuild([options])

Returns a stream of Vinyl files that can be piped.

Available options:

  • watch (boolean) Whether to watch for changes or not. Default: false.
  • src (string|File|Array) String, file object, or array of those types (they may be mixed) specifying Browserify entry file(s). Default: ['./app/app.ts', './typings/main.d.ts'].
  • outputPath (string) Output path for the bundle and sourcemaps. Default: 'www/build/js/'.
  • outputFile (string) Name of the bundle. Default: 'app.bundle.js'.
  • minify (boolean) Whether to minify the bundle using Uglify or not. Default: false.
  • browserifyOptions (Object) Browserify options. Defaults:
    {
    cache: {},
    packageCache: {},
    debug: true // sourcemaps on
    }
  • watchifyOptions (Object) Watchify options for when watch is true. Default: {}.
  • tsifyOptions (Object) Tsify options. Default: {}.
  • uglifyOptions (Object) Uglify options for when minify is true. Default: {}.

Notes

Setting options.browserifyOptions.debug to false will disable sourcemaps and drastically speed up your rebuilds when watching.

Example

var browserifyBuild = require('ionic-gulp-browserify-typescript');

gulp.task('build', browserifyBuild);

gulp.task('watch', function(){
  return browserifyBuild({
    watch: true,
    browserifyOptions: { debug: false } //if you want to disable sourcemaps
  });
});