Browserify可以让你使用类似于node的require()的方式来组织浏览器端的Javascript代码,通过预编译让前端 Javascript可以直接使用NodeNPM安装的一些库。
安装:
npm install -g browserify示例
这是main.js的内容,像普通的nodejs程序那样使用require()加载库和文件:
var foo = require('./foo.js');var bar = require('../lib/bar.js');var gamma = require('gamma');var elem = document.getElementById('result');var x = foo(100) + bar('baz');elem.textContent = gamma(x);导出的方法:
module.exports = function (n) { return n * 111 }使用browserify编译:
$ browserify main.js > bundle.js现在main.js需要的所有其它文件都会被编译进bundle.js中,包括很多层require()的情况也会一起被递归式的编译过来。
编译好的js 可以直接拿到浏览器使用
<script src="bundle.js"></script>
评论