browserify简介

在浏览器中使用require('modules')

使用node的风格来组织浏览器端的代码并且可以加载通过npm安装的模块。

browerify将递归分析你应用中所有的require()调用去构建一个能够通过单个<script>标签引用的js文件。

如何开始

1. 安装

   npm install -g browserify

2. 创建modules
   • 创建foo.js

     module.exports=function(n){return n*111;}

   • 创建bar.js

     module.exports=function(s){return s+"!";}

3. 创建main.js入口文件

   var foo=require("foo.js");
   var bar=require("bar.js");
   var str=foo(100)+bar("bar");
   console.log(str);
   

4. 使用browerify命令预编译main.js

   browserify main.js > bundle.js

参考链接：

1. node-browerify
2. browserify-handbook