β

使用Browserify

日志@十七蝉 159 阅读

Browserify ,可以让你在浏览器端编程,使用nodejs的 require('modules') 管理javascript代码之间的依赖关系。

安装

建议使用 nvm 安装的 nodejs ,好处是 npm install -g 也不需要 sudo 权限。

安装 browserify

npm install -g browserify

极简示例,说明browserify的使用

见: https://github.com/MarshalW/BrowserifyDemo/tree/m1

想使用这个示例,还需要先生成 bundle.js 文件:

$ browserify script/app.js -o > script/bundle.js

然后,浏览器打开 index.html ,查看日志有如下文字:

>>>>generate!

这里, app.js 是网页javascript的总入口:

var generator=require('./generator');

generator.generate();

browserify 会根据这个文件中的 require 做递归分析,将所有相关javascript文件生成一个大的文件: bundle.js 。单一文件的好处是减少网络IO的时间。

这里创建了一个 module ,即: generator.js

exports.generate = function(name) {
console.log('>>>>generate!');
};

自动化browserify过程

这里使用 gulp 实现自动化生成 bundle.js

代码见: https://github.com/MarshalW/BrowserifyDemo/tree/m2

使用前,需要先:

$ npm install

然后执行:

$ gulp

script 目录下将生成 bundle.js 文件。

Browserify ,可以让你在浏览器端编程,使用nodejs的 require('modules') 管理javascript代码之间的依赖关系。

安装

建议使用 nvm 安装的 nodejs ,好处是 npm install -g 也不需要 sudo 权限。

安装 browserify

npm install -g browserify
作者:日志@十七蝉
借助文字,一个人可以向众人说话,死者可以向生者说话,生者可以向未生者说话。
原文地址:使用Browserify, 感谢原作者分享。

发表评论