a browserify plugin that runs various optimizations, so you don't have to install them all manually.
npm install tinyifya browserify plugin that runs various optimizations, so you don't have to install them all manually.
[![npm][npm-image]][npm-url]
[![travis][travis-image]][travis-url]
[![standard][standard-image]][standard-url]
[npm-image]: https://img.shields.io/npm/v/tinyify.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/tinyify
[travis-image]: https://img.shields.io/travis/browserify/tinyify.svg?style=flat-square
[travis-url]: https://travis-ci.org/browserify/tinyify
[standard-image]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
[standard-url]: http://npm.im/standard
``bash
npm install --save-dev tinyify
browserify -p tinyify app.js
`
- [unassertify][] - Remove assert() callsNODE_ENV
- [@browserify/envify][] - Replace environment variables—by default, replaces with "production"--no-flat
- [@browserify/uglifyify][] - Remove dead code from modules
- [common-shakeify][] - Remove unused exports from modules
- [browser-pack-flat][] - Output a "flat" bundle, with all modules in a single scope
- [bundle-collapser][] - When using the option, bundle-collapser replaces file paths in require() calls with short module IDs
- [minify-stream][] - Uglify the final bundle
[browser-pack-flat][] and [bundle-collapser][] are both not used if the --full-paths option is passed to Browserify.
This way you can still get all of tinyify's other optimizations when building for [disc][].
Options can be provided on the command line using subarg syntax, or in a separate options object using the browserify API.
Supply custom environment variables for [@browserify/envify][].
`js`
b.plugin('tinyify', {
env: {
PUBLIC_PATH: 'https://mywebsite.surge.sh/'
}
})
This option is only available in the API.
On the CLI, you can define environment variables beforehand instead:
`bash`
PUBLIC_PATH=https://mywebsite.surge.sh browserify app.js -p tinyify
Disable [browser-pack-flat][].
This enables [bundle-collapser][] instead which will still shrink the output bundle a bit by replacing file paths with short module IDs.
`bash`
browserify app.js -p [ tinyify --no-flat ]
`js`
b.plugin('tinyify', { flat: false })
If you need further customisation, I recommend installing the tools separately instead:
`bash`
npm install --save-dev unassertify @browserify/envify @browserify/uglifyify common-shakeify browser-pack-flat terser
browserify entry.js \
-g unassertify \
-g @browserify/envify \
-g @browserify/uglifyify \
-p common-shakeify \
-p browser-pack-flat/plugin \
| terser -cm \
> output.js
Or with the Node API:
`js``
browserify('entry.js')
.transform('unassertify', { global: true })
.transform('@browserify/envify', { global: true })
.transform('@browserify/uglifyify', { global: true })
.plugin('common-shakeify')
.plugin('browser-pack-flat/plugin')
.bundle()
.pipe(require('minify-stream')({ sourceMap: false }))
.pipe(fs.createWriteStream('./output.js'))
Alternatively you can fork this repo and publish it on npm under a scope with your modifications.
[unassertify]: https://github.com/unassert-js/unassertify
[@browserify/envify]: https://github.com/browserify/envify
[@browserify/uglifyify]: https://github.com/browserify/uglifyify
[common-shakeify]: https://github.com/browserify/common-shakeify
[browser-pack-flat]: https://github.com/goto-bus-stop/browser-pack-flat
[bundle-collapser]: https://github.com/substack/bundle-collapser
[minify-stream]: https://github.com/goto-bus-stop/minify-stream
[browser-pack]: https://github.com/browserify/browser-pack
[disc]: https://github.com/hughsk/disc