[转]Browserify —— 利用Node.js实现JS模块化加载
2014-09-16 14:33
579 查看
原文地址:http://www.oschina.net/p/browserify
Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。
安装:
示例
这是 main.js 的内容,像普通的 nodejs 程序那样使用 require() 加载库和文件:
导出的方法:
使用 browserify 编译:
现在 main.js 需要的所有其它文件都会被编译进 bundle.js 中,包括很多层 require() 的情况也会一起被递归式的编译过来。
编译好的 js 可以直接拿到浏览器使用
Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。
安装:
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>
相关文章推荐
- Browserify —— 利用Node.js实现JS模块化加载
- 利用jQuery的ResourceLoader插件实现JS和CSS脚本的动态按需加载
- js 利用image对象实现图片的预加载
- 终于解决:在客户端和服务端都用dojo Loader来实现异步加载后,Node.js的全局变量__dirname无法使用
- node.js WebService异常处理(domain)以及利用domain实现request生命周期的全局变量
- 利用jQuery的deferred对象实现异步按顺序加载JS文件
- node.js利用javascript中构造函数继承,实现模块调用
- 利用require.js实现javascript模块化加载
- 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”
- Node.JS 利用socket.io 实现dj播放及聊天程序 代码
- js 利用image对象实现图片的预加载
- node.js利用 inherits实现继承
- supervisor 实现node.js动态加载,debug模式
- (更新版)ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray)在Struts 2实现Ajax动态加载树结点
- js 利用image对象实现图片的预加载提高访问速度
- 利用Node.js实现模拟Session验证的登陆
- 利用Node.js实现模拟Session验证的登陆
- JavaScript+NodeJS+mongonDB实现瀑布流加载
- node.js利用express实现文件上传
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram