Browserify 笔记一：CLI介绍

在Node.js 笔记三：了解npm中，我说过转了一大圈。很多人还是选择使用npm script作为脚本自动化工具，以加速整个开发。

相对之下， browserify类似于CLI命令行工具，与npm script的结合非常巧妙。

mapbox-gl -js的构建就是基于browserify，并没有复杂的配置文件。 browserify只是主体的打包工具，还包含了各式各样的插件，去辅助整个打包工作的完成。作为一个打包工具，你可以选择直接用npm script里面的uglify.js等，一般做简单的demo。

browserify

    --outfile, -o  把browserify的文件写入该文件。没有特别说明，就输出到当前屏幕。

    --require, -r  一个模块或者文件是需要被引用的。用冒号分隔符区设置目标。

      --entry, -e  接入点。

     --ignore, -i  替换用空文件一个文件，文件可以是多文件。

    --exclude, -u  从输出文件中忽略文件，文件可以是多文件。

   --external, -x  在另一个bundle参考文件，文件可以是多文件

  --transform, -t  在上层文件中，用一个转换模块

    --command, -c  在上层文件中，用一个转换命令

  --standalone -s  产生一个UMD用提供的输出名。
                        这个bundle可以在别的模块系统中使用，如果没有模型系统化被找到，会设置为窗体名。
    
       --debug -d  允许source map去debug你的文件。

watchify

观测文件的变化，变化后实现实时打包。

Standard Options:

  --outfile=FILE, -o FILE

    这选项是必须的。把browserify的内容写成这个文件中。 
    如果该命令包含文件操作符 `|` 或 `>`, 它将被认为是一个命令行命令，
    文件将会被打包。

  --verbose, -v                     [default: false]

    显示文件在什么时候被写入和花了多长时间（秒）。

  --version

    显示watchify和browserify的版本。

Advanced Options:

  --delay                           [default: 100]

    在改变被更改后，在执行“更新”前的时间等待（时间是毫秒）。

  --ignore-watch=GLOB, --iw GLOB    [default: false]

    根据对应的pattern去忽略监控文件变化，默认 "**/node_modules/**".

  --poll=INTERVAL                   [default: false]

    用轮询去检测修改变化。这选项非常有用如果你在检测NFS系统.

unassertify

与browserify结合使用，方便你在编码的过程当中使用console.assert()和assert的库。在发布时，unassertify会自动帮你去除多余的断言。

例如：

browserify -t unassertify /path/to/demo/math.js > /path/to/build/math.js

unflowify

用Browserify转换，其中用flow-remove-types移除 Flow的标识。

flow-remove-types.

bubleify

使用es2015转换成为es5。

babelify

使用babel结合es6实现转换。

package-json-versionify

移除掉整个package.json以减少输出文件的大小，除了version字段。

参考

browserify-handbook

转载，请表明出处。总目录前端经验收集器