Browserify Node.js 模块化加载

我要开发同款
匿名用户2014年04月13日
74阅读
开发技术JavaScript
所属分类Node.js扩展、Web应用开发、Node.js 扩展
授权协议MIT

作品详情

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>
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论