[!NOTE] Browserify ist ein archivierter JavaScript-Modul-Bundler, der Node.js require() und CommonJS in den Browser brachte. Moderne Webanwendungen nutzen typischerweise Vite, esbuild, Rollup oder webpack.
CLI-Verwendung
# Einfaches Bündeln
browserify input.js -o output.js
# Transformationen anwenden
browserify input.js -o bundle.js -t babelify
# Source Maps für Debugging generieren
browserify input.js -o bundle.js --debug
# Eigenständiges UMD-Bundle erstellen
browserify input.js -s MyLibrary -o bundle.js
# Module ausschließen, ignorieren oder als extern markieren
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'));
Beliebte Ökosystem-Transformationen
babelify: Transpiliert modernes ES6+ und JSX in browserkompatibles ES5.envify: Ersetzt process.env.NODE_ENV durch Zeichenfolgen zur Eliminierung von totem Code.brfs: Bettet fs.readFileSync-Aufrufe mit statischen Dateiinhalten zur Build-Zeit ein.watchify: Inkrementeller Watcher für ultraschnelle Neuerstellungen während der Entwicklung.