// main.jsvar foo = require(‘./foo.js‘);var bar = require(‘../lib/bar.js‘);var gamma = require(‘gamma‘);var elem = document.getElementById(‘result‘);var x = foo(100) + bar(‘baz‘);elem.textContent = gamma(x);

// foo.jsmodule.exports = function (n) { return n * 111 }

$ browserify main.js > bundle.js

$ npm install -g browserify

Usage: browserify [entry files] {OPTIONS}常用选项:    --outfile, -o  指定打包后的输出文件                   如果不指定，将输到stdout，比如shell    --require, -r  通过模块名或文件路径指定需要打包到bundle中的其他模块                   Optionally use a colon separator to set the target      --entry, -e  入口文件     --ignore, -i  打包过程中忽略依赖的某个文件，当成空模块打包，引用它不会报错    --exclude, -u  打包过程中排除依赖的某个文件，比忽略选项更严格，引用它会报错   --external, -x  指定某个文件不要打包到bundle，它可能会打包在其他的bundle中，比如jquery会打包到公共的bundle中  --transform, -t  指定打包过程中使用的转换模块    --command, -c  指定打包过程中使用的命令行转换  --standalone -s  生成UMD模式的bundle模块，可以在AMD、CMD中使用       --debug -d  生成source maps，并被注释到bundle.js的尾部       --help, -h  显示帮助高级选项:  --insert-globals, --ig, --fast    [default: false]    如果设置为true，会跳过代码分析，强制在每个模块的闭包作用域中插入如下参数    process, global, __filename, and __dirname    优点: 打包速度快    缺点: 生成多余的参数  --insert-global-vars, --igv    需要在代码分析中检测和定义的全局变量，需要和--insert-globals一起使用    默认包括 __filename,__dirname,process,Buffer,global 用逗号分隔  --detect-globals, --dg            [default: true]    在代码分析过程中检测全局变量 process, global, __filename, and __dirname    优点: 像npm模块那样工作    缺点: 打包速度慢  --ignore-missing, --im            [default: false]    忽略 `require()` 引用  --noparse=FILE    对于默写确定不包含`require()`的文件，忽略他们的解析过程（比如jquery），加快打包速度  --no-builtins    如果打包后的文件要在node环境中使用，请使用这个选项，保证node内置模块不被打包到bundle中  --no-commondir    不是用相对路径，__filename,__dirname会被解析成绝对路径  --no-bundle-external    不打包扩展模块  --bare    --no-builtins --no-commondir --insert-global-vars "__filename,__dirname" 的别名    如果bundle在node环境中运行，请使用--bare  --no-browser-field, --no-bf    忽略package.json中的browser属性    如果bundle在node环境中运行  --node    --bare --no-browser-field 的别名  --full-paths    所有模块都是用绝对路径进行引用  --deps    输出模块的依赖序列（一个数组）  --list    输出所有模块的路径列表  --extension=EXTENSION    指定有效的模块文件扩展名  --global-transform=MODULE, -g MODULE    指定一个全局的转换模块  --plugin=MODULE, -p MODULE    注册一个插件模块如何在转换模块和插件再插入参数项：  使用subarg语法在中括号中插入子命令，比如：    -t [ foo -x 3 --beep ]  会这样执行    foo(file, { x: 3, beep: true })

$ browserify -r through -r duplexer -r ./my-file.js:my-module > bundle.js

<script src=http://www.mamicode.com/"bundle.js"></script><script>  var through = require(‘through‘);  var duplexer = require(‘duplexer‘);  var myModule = require(‘my-module‘);  /* ... */</script>

$ browserify main.js --debug | exorcist bundle.js.map > bundle.js

# beep.jsvar robot = require(‘./robot.js‘);console.log(robot(‘beep‘));

# boop.jsvar robot = require(‘./robot.js‘);console.log(robot(‘boop‘));

# robot.jsmodule.exports = function (s) { return s.toUpperCase() + ‘!‘ };

# 把公共的模块打包成common.js$ browserify -r ./robot.js > static/common.js$ browserify -x ./robot.js beep.js > static/beep.js$ browserify -x ./robot.js boop.js > static/boop.js

<!--beep.html--><script src=http://www.mamicode.com/"common.js"></script><script src=http://www.mamicode.com/"beep.js"></script>

<!--boop.html--><script src=http://www.mamicode.com/"common.js"></script><script src=http://www.mamicode.com/"boop.js"></script>

var browserify = require(‘browserify‘);var b = browserify();b.add(‘./browser/main.js‘);b.bundle().pipe(process.stdout);

//当文件被进行打包时出发，可以用来监听文件变化来重新进行打包b.on(‘file‘, function (file, id, parent) {})b.pipeline.on(‘file‘, function (file, id, parent) {})// 当每个package.json被读取时触发b.on(‘package‘, function (pkg) {})b.pipeline.on(‘package‘, function (pkg) {})// 当执行`.bundle()`时触发b.on(‘bundle‘, function (bundle) {})// 当执行`.reset()`时触发b.on(‘reset‘, function () {})// 当一个文件被转换时触b.on(‘transform‘, function (tr, file) {})b.pipeline.on(‘transform‘, function (tr, file) {})

"browser": "./browser.js"

"browser": {  "fs": "level-fs",  "./lib/ops.js": "./browser/opts.js"}

"browserify": { "transform": [ "brfs" ] }

$ browserify x.js y.js -p [ factor-bundle -o bundle/x.js -o bundle/y.js ]   > bundle/common.js