如何借助Browserify在客户端JS中使用require引入自定义导出模块

• 你执行的Browserify打包命令选错了入口文件：你当前只把被依赖的createRoomId.js单独打包生成了bundle，实际书写了require()语法的业务文件private-chat.js根本没有被纳入打包流程，它内部的CommonJS语法没有被Browserify转换，浏览器原生不识别这种语法，因此抛出require is not defined的报错。
• 你当前在HTML引入的bundle只包含了createRoomId模块的独立代码，既没有封装private-chat的业务逻辑，也没有建立两个模块之间的引用关联，自然无法实现预期的引入效果。

• 修正打包入口
  Browserify的核心逻辑是从指定的入口文件出发，递归扫描所有通过require引入的依赖模块，最终把所有关联的代码打包成一个浏览器可直接运行的单文件。你需要把写了require语句的private-chat.js作为打包入口，而非单独打包被引用的服务模块。
  假设你的private-chat.js位于项目的static/js/private-chat.js路径，对应正确的打包命令为：
  browserify static/js/private-chat.js -o dist/bundle.js
  执行该命令时，Browserify会自动解析private-chat.js里写的require("../../services/createRoomId")路径，把createRoomId模块一同打包进最终的bundle文件，所有模块的引用逻辑都会在文件内部完成封装。
• 替换页面脚本引用
  删掉HTML中之前引入的、单独打包createRoomId生成的旧bundle，改为引入上一步生成的、包含了private-chat及全部关联依赖的新bundle文件。此时private-chat.js内部的require调用会被转换为模块内部的引用逻辑，不会再触发未定义报错。
• 可选效率优化
  开发阶段可以为打包命令添加watch参数，在代码改动后自动重新打包，省去手动执行命令的步骤：
  browserify static/js/private-chat.js -o dist/bundle.js --watch

• 禁止直接在HTML中引入原始的private-chat.js文件：该文件中的CommonJS模块语法属于Node.js环境的规范，浏览器原生不支持，必须经过打包转换才能运行。
• 无需单独打包被依赖的工具模块：单独打包工具模块生成的文件，既无法和业务文件建立引用关联，还会暴露不必要的全局变量，没有实际使用价值。
• 打包前检查require的相对路径是否准确，避免打包过程中因路径错误找不到依赖模块，导致打包结果不符合预期。

内容的提问来源于stack exchange，提问作者nikola