source maps

Browserify 支持一个 --debug/-d 选项以及 opts.debug 参数来开启source maps支持. Source maps 告诉浏览器如何转换代码的行和列以得到build之前的源代码.

Source maps 包含所有的原始代码,所以你可以简单的把bundle 文件放在服务器上而不必确认所有的原始文件 都放在正确的相应位置.

exorcist

将source maps 放在build之后的bundle里的缺点就是 build的文件是原来的两杯大. 本地测试是没什么问题的, 但是不适合将source maps inline到生产环境. 然而可以使用exorcist 将source maps放到独立的文件中,如 bundle.map.js.

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