Referință rapidă

Fișă recapitulativă pentru împachetatorul JavaScript Browserify

Ghid de referință arhivistic pentru Browserify, clasicul bundler CommonJS pentru JavaScript client: opțiuni CLI, transformări și utilizare programatică.

· Publicat

[!NOTE] Browserify este un împachetator istoric de module JavaScript care a adus require() din Node.js și sintaxa CommonJS în browser. Aplicațiile moderne utilizează de obicei Vite, esbuild, Rollup sau webpack.

Utilizarea CLI

# Compilare de bază a pachetului
browserify input.js -o output.js

# Aplicarea transformărilor (transforms)
browserify input.js -o bundle.js -t babelify

# Generarea de source maps pentru depanare
browserify input.js -o bundle.js --debug

# Generarea unui pachet UMD independent
browserify input.js -s MyLibrary -o bundle.js

# Excluderea, ignorarea sau marcarea modulelor ca externe
browserify input.js -u react     # --exclude
browserify input.js -x react     # --external
browserify input.js -i react     # --ignore

API programatic

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

Transformări populare din ecosistem

  • babelify: Transpilează ES6+ modern și JSX în ES5 compatibil cu navigatoarele.
  • envify: Înlocuiește process.env.NODE_ENV cu șiruri literale pentru eliminarea codului mort.
  • brfs: Inserează conținutul fișierelor statice citite cu fs.readFileSync la momentul compilării.
  • watchify: Monitorizare incrementală a compilării pentru recompilare rapidă în dezvoltare.

Subiecte conexe