模块打包工具之Browserify

1、Browserify介绍

Browserify是一个浏览器端代码模块化的JavaScript打包工具，可以使用类似于Node的require()方法加载NPM模块，在HTML文件中使用script标签引用Browserify编译后的代码。
使用NPM全局安装Browserify：

npm install -g browserify

2、命令行参数及说明：

• -outfile， -o：将Browserify日志打印成文件。
• -require， -r：绑定模块名或文件，用逗号分隔。
• -entry， -e：应用程序的入口。
• -ignore， -i：省略输出。
• -external， -x：从其他绑定引入文件。
• -transform， -t：对上层文件进行转换。
• -command，-c：对上层文件使用转换命令。
• -standalone -s：生成一个UMD（Universal Module Definition）类型的接口，提供给其他模块使用。
• -debug -d：激活source maps调试文件。
• -help，-h：显示帮助界面。
• -insert-globals，–ig，–fast：跳过检查，定义全局变量。
• -detect-globals， --dg：检查全局变量是否存在。
• -ignore-missing，–im：忽略require()方法。
• noparse=FILE：不解析文件，直接build。
• -deps：打印完整输出日志。
• -list：打印每个文件的依赖关系。
• -extension=EXTENSION：指定扩展名的文件作为模块加载，允许多次设置。

3、Browserify的使用

使用Browserify时必须在终端，例如：

browserify index.js > boundle.js

上述代码将index.js编译为boundle.js，生成的文件在浏览器端能直接运行。
即上述例题使用Browserify的步骤为：

• 写Node程序或代码模块
• 用Browserify预编译成boundle.js
• 在HTML中引用boundle.js