在前端开发过程中，有时候我们需要使用一些 Node.js 包来实现我们所需的功能，然而有些包在浏览器环境下并不能直接使用，这时候就需要用到 npm 包 browseify。
什么是 browseify
browserify 是一个，通过在浏览器上运行就像在 node.js 里一样的模块化管理器，它会把你的代码编译成适合浏览器环境下使用的 JavaScript 文件，从而让你可以愉快地使用 Node.js 模块来编写前端代码。
安装
首先需要在本地安装 npm 包，在终端中输入以下命令：
npm install browserify
使用
假设你的项目目录是这样的：
my-project/ ├── node_modules/ ├── index.js ├── main.js └── bundle.js
其中，index.js 是 Node.js 模块，main.js 是你自己编写的前端代码，bundle.js 是 compile 后的文件。
- 在
main.js中，将需要的 Node.js 模块引入：
var lodash = require('lodash');- 编写
index.js，并将lodash模块导出：
module.exports = {
'lodash': require('lodash')
};- 在终端中，使用以下命令将
main.js编译成bundle.js：
browserify main.js -o bundle.js
- 在 HTML 文件中使用编译好的
bundle.js：
-- -------------------- ---- -------
------
------
------- -------------------------
-------
------
--------
--- - - ------------------
---------
-------
-------现在，在浏览器中打开这个 HTML，就可以在前端环境下使用 Node.js 模块了。
总结
browserify 可以让我们在前端环境下更方便地使用 Node.js 模块，从而提高工作效率。通过本文的介绍，你已经学习了 browserify 的基本使用方法，希望能对你的前端代码编写有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde529e