Browserify JavaScript Bundler Spiekbrief

[!NOTE] Browserify is een historische JavaScript-modulebundler die Node.js require() en CommonJS naar de browser bracht. Moderne webapps gebruiken doorgaans Vite, esbuild, Rollup of webpack.

CLI-gebruik

# Basis bundelcompilatie
browserify input.js -o output.js

# Transformaties toepassen
browserify input.js -o bundle.js -t babelify

# Source maps genereren voor foutopsporing
browserify input.js -o bundle.js --debug

# Zelfstandige UMD-bundel genereren
browserify input.js -s MyLibrary -o bundle.js

# Modules uitsluiten, negeren of als extern markeren
browserify input.js -u react     # --exclude
browserify input.js -x react     # --external
browserify input.js -i react     # --ignore

---

Programmatische API

const browserify = require('browserify');
const fs = require('fs');

const b = browserify('src/main.js', { debug: true });

b.transform('babelify', { presets: ['@babel/preset-env'] });

b.bundle().pipe(fs.createWriteStream('dist/bundle.js'));

---

Populaire transformaties in het ecosysteem

• babelify: Transpileert moderne ES6+ en JSX naar browsercompatibele ES5.
• envify: Vervangt process.env.NODE_ENV door strings voor eliminatie van ongebruikte code.
• brfs: Vervangt fs.readFileSync door statische bestandsinhoud tijdens de build.
• watchify: Incrementele build-watcher voor snelle hercompilaties tijdens ontwikkeling.