打包工具browserify的配置

Browserify定义：将若干个js文件合并到一个指定的js文件中，该文件包含了所有传入的js文件内容，直接在页面引入该文件就可运行；

目的：将具有依赖关系的文件打包成一个文件，在浏览器中直接调用；

运行环境：

第一种：在node.js环境下打包；

第二种：在支持common.js的环境下打包（最简单的就是要支持require和module.exports）；

缺点：只能对js文件有效；

运行：

（非IDE）$ browserify 应用接口文件 -> 指定的打包文件 --debug（生成sourcemap，方便调试）；

（IDE，这里是在webstorm中配置，在node.js环境下）：

watchify：对browserify的封装，能监视js文件的变化从而自动打包，且打包速度快；

首先，观看目录文件：

第一步：打开setting中的tools，找到files watcher：

第二步：添加browserify，而且配置参数：

name和description自定义：

file type是选择javascript：

scope是选择要监视的文件夹的名字，这里我选择controller，选中点include，ok：

program：则是选择browserify的运行文件，后缀名为.cmd；

arguments为：文件 -o 打包文件 --debug格式：

working directory：输入$FileDir$:

测试是否配置成功：

每次保存都会自动打包成一个bundle.js文件：

（若有不对，请指出）