browserify

将 Node.js 模块化代码转换为浏览器可执行代码的工具。让浏览器支持 CommonJS 的 require() 和 module.exports，将 Node.js 风格的代码带入浏览器。

安装

npm install -g browserify

基本使用

# 基本打包：将 src/main.js 及其所有依赖打包为 dist/bundle.js
browserify src/main.js -o dist/bundle.js
 
# 生成 source map（方便调试）
browserify -d src/main.js -o dist/bundle.js
 
# 监听文件变化自动重新打包
browserify src/main.js -o dist/bundle.js -w

工具边界

• Browserify 适合小型项目或需要快速迁移 Node.js 代码到浏览器的场景
• 现代项目更推荐 webpack / vite / rollup，功能更完善
• 主要价值：让老 CommonJS 项目无缝在浏览器运行

踩坑点

• 不支持 ES Module（只处理 CommonJS）
• 无 HMR，开发体验较差
• 大型项目打包慢，已逐渐被 webpack/vite 取代