Browserify

  • Browserify 是一个用于将 Node.js 模块化代码转换为浏览器可执行代码的工具。它可以让你在浏览器中使用 CommonJS 模块化规范,使得在浏览器中使用 Node.js 风格的 require() 和 module.exports 成为可能。

  • Browserify 是一个用于将 Node.js 模块化代码转换为浏览器代码的工具,适用于需要在浏览器中使用 CommonJS 模块化系统的项目。它的优势在于简单易用,并且可以与现有的 Node.js 项目代码直接对接。但对于大型项目,Webpack 等工具提供了更多的功能和优化,因此 Browserify 更适合小型项目或需要快速迁移的场景。

安装

npm install -g browserify

打包文件

基本打包命令:

# 将 src/main.js 文件以及它的所有依赖打包为 dist/bundle.js,并且在打包过程中解决所有的 require 和模块导入问题
browserify src/main.js -o dist/bundle.js

支持调试:

browserify -d src/main.js -o dist/bundle.js
# -d 标志用于生成源映射文件,方便调试。

监听文件变化并自动打包:

browserify src/main.js -o dist/bundle.js -w
# -w 标志会监听文件变化,并在文件更改时自动重新打包。

对比

https://img.zhaoweiguo.com/uPic/2025/03/W82A5b.png

Browserify 与 Webpack 对比