ionic-gulp-browserify-es2015
v1.1.0
Published
Gulp task for Ionic projects to transpile and bundle ES2015 sources with Browserify
Downloads
3
Keywords
Readme
Browserify ES2015 Task
Use Browserify to transpile and bundle your ES2015 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.js'
. - 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:{}
. - babelifyOptions (Object) Babelify options. Default:
{
presets: ['es2015'],
plugins: ['transform-decorators-legacy']
}
- uglifyOptions (Object) Uglify options for when
minify
is true. Default:{}
.
Notes
If your npm version is 2 or below, it is recommended that you update to npm 3 to speed up the time it takes Babel to transpile your source files.
Also, setting options.browserifyOptions.debug
to false
will disable sourcemaps and drastically speed up your rebuilds when watching.
Example
var browserifyBuild = require('ionic-gulp-browserify-es2015');
gulp.task('build', browserifyBuild);
gulp.task('watch', function(){
return browserifyBuild({
watch: true,
browserifyOptions: { debug: false } //if you want to disable sourcemaps
});
});