Browserify 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Browserify 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Browserify 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 tsl0922
适用人群 未知
收录时间 2014-04-13

软件简介

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>
展开阅读全文

代码

评论 (1)

加载中
精髓都说到了 #Browserify#
2015/11/06 17:46
回复
举报
更多评论
暂无内容
发表了博客
2014/05/05 14:05

browserify使用简介

安装browserify npm install -g browserify 测试main.js var unique = require('uniq'); var data = [1, 2, 2, 3, 4, 5, 5, 5, 6]; console.log(unique(data)); 安装uniq模块 npm install uniq nodejs测试main.js node main.js #在nodejs中正常输出 [ 1, 2, 3, 4, 5, 6 ] 使用browserify生成bundle.js browserify main.js -o bundle.js 在当前目录生成:bundle.js,现在可以导入浏览器运行。 参考:...

0
0
发表于大前端专区
2015/05/22 14:54

gulp browserify watchify sass

gulp.task(, () {   rubysass(scssPath, {     style: ,     loadPath: [       scssPath     ]   })     .pipe(gulp.dest(cssDestPath)); }); gulp.task(, () {   jscompile(); }); gulp.task(, () {   jscompile(); }); jscompile(is_watch) {   customOpts = {     entries: [jsSrcPath + ],     basedir: __dirname,     debug: !production,     cac...

0
0
2018/03/21 10:33

gulp/grunt和webpack/browserify

gulp是前端构建工具,可以实现前端自动化,提高效率 webpack是模块化方案

0
0
发表于大前端专区
2016/04/09 09:53

利用browserify or requirejs 来构建angularjs

随着业务的增长,利用ng来构建项目时候,文件数量就会显著的上升,从而上线部署的时候就要考虑压缩合并问题,随着前端工程化的发展,现在已经有很多种第三方工具来实现开发与部署的便捷性,browserify与requirejs就是其中的两个比较好多的工具. browserify以commonjs模块开发规范来约束前端模块开发,最后上线时提供命令行生成合并文件,详情请 点击这里 requirejs以amd模块开发规范来约束前端模块开发,最后上线的时候提供r.js命令行工具...

0
0
发表了博客
2020/03/30 21:19

NPM,Bower,Browserify,Gulp,Grunt,Webpack

问题: I'm trying to summarize my knowledge about the most popular JavaScript package managers, bundlers, and task runners. 我试图总结我对最流行的JavaScript包管理器,捆绑器和任务运行器的了解。 Please correct me if I'm wrong: 如果我错了,请纠正我: npm & bower are package managers. npm和bower是程序包管理器。 They just download the dependencies and don't know how to build projects on their own. 他...

0
0
发表了博客
2020/08/05 08:29

NPM,Bower,Browserify,Gulp,Grunt,Webpack

问题: I'm trying to summarize my knowledge about the most popular JavaScript package managers, bundlers, and task runners. 我试图总结我对最流行的JavaScript包管理器,捆绑器和任务运行器的了解。 Please correct me if I'm wrong: 如果我错了,请纠正我: npm & bower are package managers. npm和bower是程序包管理器。 They just download the dependencies and don't know how to build projects on their own. 他...

0
0
发表于大前端专区
2016/12/27 18:06

使用npm+gulp+browserify网页前端开发

本文的目的在于使用npm进行js类库依赖管理,同时精简html中繁杂的` 123 修改 ``` 启动`http-server`: ``` [vagrant@bogon myweb]$ http-server Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://10.0.2.15:8080 http://192.168.33.11:8080 ``` 它自动以当前目录为webroot启动一个简单的web服务。 访问网址测试正常与否:`http://192.168.33.11:8080/index.html` 这样可以了吗?这不是本文的目的...

4
29
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2015/03/05 10:09

当前最简单好用的Javascript 模块依赖管理工具是哪个

比如说 browserify vs webpack vs requirejs 之类的

9
1
发表了问答
2015/08/17 21:48

win7下npm install时,出现错误代码

npm ERR! Windows_NT 6.1.7601 npm ERR! argv "D:\\Program Files\\nodejs\\\\node.exe" "D:\\Program Files\\nodejs \\node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! node v0.12.4 npm ERR! npm v2.11.1 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package grunt does not satisfy its siblings' peerDepend encies requirements! npm ERR! peerinvalid Peer grunt-contrib-watch@0.6.1 wants grunt@~0....

1
0
发表了问答
2015/08/09 11:05

npm安装报错,求指导

安装失败,求原因

12
0
发表了问答
2015/07/09 09:46

新手对browserify的两点疑问

browserify把node代码编译成浏览器可运行的代码后,代码还有可读性吗?实际开发中,调试是否方便?就是说是否可以根据浏览器控制台的错误信息迅速排错。 既然是用nodejs的模块进行编程,那像jquery,bootstrap这样的前端框架可以用吗?好像npm上已经有jquery,但是版本很老,jquery的插件更不要说了。

3
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
1 评论
108 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部