Browserify用于创建一个客户端脚本

有了Browserify，你也可以使用require和module.exports，这比使用<script>标签来处理好多了。前边的例子进行扩展可以做到这一点。在下例中，Browserify用于创建一个客户端脚本，它使用require加载MessageBus和jQuery，并且在消息触发时修改DOM。

通过创建一个package.json把jquery作为依赖，你可以使用Browserify来加载jQuery。这里我们用它来创建一个DOMContentLoaded监听器，并且当收到消息时，添加一个段落到容器元素。

如果Browserify生成的JavaScript文件抛出错误，那么它可能很难在堆栈中跟踪代码行号，因为它们涉及到源码的行号。如果构建脚本时，携带了--debug标识，那么Browserify将生成指向原始文件和行号的映射。

这些映射需要兼容的调试器——你还需要开启浏览器的调试工具来使用它们。在Chrome中，需要在Chrome的DevTools下的选项选择启用Source maps。因为人们可能会忘记如何构建脚本，可以添加一个脚本，放到package.json文件，如："build":"browserify index.js-o bundle.js"。还有另外一种方式来创建Browserify bundle：作为一个Node程序模块来使用Browserify。要使用的话，需要创建一个Browserify实例，然后告诉它你想构建什么文件

可以将其作为一个更复杂的构建过程的一部分来使用，或者放在一个Grunt任务自动化构建过程中。现在，你已经了解了如何在浏览器使用Node模块和如何在Node中模拟浏览器，接下来将学习如何优化服务器端的web应用程序。