1. tinyify
a browserify plugin that runs various optimizations, so you don't have to install them all manually.
tinyify
Package: tinyify
Created by: browserify
Last modified: Sun, 16 Oct 2022 10:53:51 GMT
Version: 4.0.0
License: Apache-2.0
Downloads: 50,615
Repository: https://github.com/browserify/tinyify

Install

npm install tinyify
yarn add tinyify

tinyify

a browserify plugin that runs various optimizations, so you don't have to install them all manually.

npm
travis
standard

 npm install --save-dev tinyify

browserify -p tinyify app.js

Included

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

Options can be provided on the command line using subarg syntax, or in a separate options object using the browserify API.

env: {}

Supply custom environment variables for @browserify/envify.

 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:

 PUBLIC_PATH=https://mywebsite.surge.sh browserify app.js -p tinyify

--no-flat, flat: false

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.

 browserify app.js -p [ tinyify --no-flat ]
 b.plugin('tinyify', { flat: false })

More options?

If you need further customisation, I recommend installing the tools separately instead:

 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:

 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.

License

Apache-2.0

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code