什么是 Browserify？
Browserify 是一个流行的 npm 包，它可以将 Node.js 模块转换成浏览器可用的 JavaScript。使用 Browserify 可以让开发者在浏览器端使用 Node.js 的模块化方式来组织代码。
如何安装和使用 Browserify？
安装 Browserify 可以通过以下命令进行：
npm install -g browserify
安装完成后，就可以使用 browserify 命令了。例如，将 app.js 文件转换为 bundle.js 文件：
browserify app.js > bundle.js
这个命令将会查找 app.js 文件中所有的 require() 方法，并将它们替换为正确的代码。
Browserify 支持的功能
模块化
Browserify 支持 Node.js 模块化方式，可以在浏览器环境下使用 require() 和 module.exports。
例如，在 app.js 中：
const _ = require('lodash');
console.log(_.join(['hello', 'world'], ' '));上面的代码使用了 lodash 模块中的 join() 方法。
转换语法
Browserify 支持多种转换语法的插件，例如 Babel、CoffeeScript 等。只需要安装相应的插件并在命令中指定即可。
例如，要使用 Babel 将 ES6 代码转换为 ES5 代码，需要先安装 babelify：
npm install --save-dev babelify
然后在命令中指定使用 babelify：
browserify -t babelify app.js > bundle.js
使用第三方模块
Browserify 支持使用第三方模块，例如 jQuery、React 等。
例如，在 app.js 中使用 jQuery：
const $ = require('jquery');
$('body').html('Hello World!');示例代码
以下是一个简单的示例，将 lodash 和 moment 两个模块合并到一个文件中：
// app.js
const _ = require('lodash');
const moment = require('moment');
console.log(_.join(['hello', 'world'], ' '));
console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));使用 Browserify 将 app.js 转换为 bundle.js 文件：
browserify app.js > bundle.js
最终生成的 bundle.js 文件可以在浏览器中直接引用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41934