Browserify JavaScript Bundler Fuskblad

[!NOTE] Browserify är en historisk JavaScript-modulpaketerare som tog Node.js require() och CommonJS-syntax till webbläsaren. Moderna projekt använder vanligen Vite, esbuild, Rollup eller webpack.

CLI-användning

# Grundläggande paketkompilering
browserify input.js -o output.js

# Tillämpa transformationer (transforms)
browserify input.js -o bundle.js -t babelify

# Generera source maps för felsökning
browserify input.js -o bundle.js --debug

# Skapa fristående UMD-paket
browserify input.js -s MyLibrary -o bundle.js

# Exkludera, ignorera eller markera moduler som externa
browserify input.js -u react     # --exclude
browserify input.js -x react     # --external
browserify input.js -i react     # --ignore

---

Programmatiskt 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'));

---

Populära ekosystem-transformationer

• babelify: Transpilerar modern ES6+ och JSX till webbläsarkompatibel ES5.
• envify: Ersätter process.env.NODE_ENV med strängliteraler för borttagning av oanvänd kod.
• brfs: Bäddar in innehåll från fs.readFileSync vid byggtidpunkten.
• watchify: Inkrementell byggbevakare för blixtsnabb ombyggnad under utveckling.