在前端开发领域，我们经常需要使用各种 npm 包来辅助自己完成工作，而今天我们要介绍的是一个名为 mendel-browserify 的 npm 包。mendel-browserify 是一个基于 Browserify 的模块打包工具，可以将应用中的依赖模块进行分块处理，提高应用的性能。
安装
在使用 mendel-browserify 前，我们需要先安装它。可以通过以下命令进行安装：
npm install -g mendel-browserify
这里我们加上了 -g 参数，表示全局安装。
使用
mendel-browserify 包含了 mendel-pack 和 mendel-server 两个命令行工具，它们分别用于打包和启动 HTTP 服务。
mendel-pack
打包工具 mendel-pack 用于打包项目中的依赖模块，可通过以下命令来使用：
mendel-pack --src ./src/client --out ./public/mendel --mapping ./mendel-manifest.json
参数说明：
--src指定需要打包的模块源代码目录。--out指定模块打包输出的目录。--mapping指定模块打包后生成的映射文件的路径。
mendel-server
启动 HTTP 服务工具 mendel-server 可以用以下命令启动：
mendel-server --port 8000 --mapping ./mendel-manifest.json
参数说明：
--port指定启动 HTTP 服务的端口号，默认为 8000。--mapping指定映射文件的路径。
示例
为了更好的理解 mendel-browserify 的工作原理，这里提供一个简单的示例代码：
项目目录结构：
├── src │ ├── client.js │ └── module.js ├── mendel-manifest.json └── index.html
其中， client.js 代码如下：
var module = require('./module');
console.log(module);module.js 代码如下：
module.exports = "Hello World";
运行以下命令：
mendel-pack --src ./src --out ./public/mendel --mapping ./mendel-manifest.json mendel-server --port 8000 --mapping ./mendel-manifest.json
在浏览器中打开 http://localhost:8000/index.html ，可以看到浏览器控制台打印出了输出结果：
Hello World
总结
mendel-browserify 是一个基于 Browserify 的模块打包工具，可以帮助我们更好的管理依赖模块，提高应用的性能。通过命令行工具 mendel-pack 和 mendel-server 可以轻松地打包和部署应用。在实际项目中，我们应根据需求合理应用 mendel-browserify，来提高项目的开发效率和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3e1d8e776d08040afe