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 标志会监听文件变化,并在文件更改时自动重新打包。 对比 ==== .. figure:: https://img.zhaoweiguo.com/uPic/2025/03/W82A5b.png Browserify 与 Webpack 对比