Browserify介绍

我们知道在node.js的包管理器npm上有很多精彩的代码,但Nodejs毕竟代表着后端,有什么工具能把那些代码用到前端呢?答案是browserify。

browserify
使用browserify,我们就能把一些node的核心模块和npm上成千上万的模块搬到前端。
我们还可以把node.js里的require方法用在前端js中。

Browserify安装

npm install -g browserify

代码示例

创建index.js文件,把上面的代码写入index.js文件中。
用browserify编译index.js文件到bundle.js
browserify index.js > bundle.js
创建index.html

在index.html中,引入刚才生成的bundle.js文件。
这样我们就把node模块和require用到了浏览器端了。
打开页面,查看控制台,我们可以看到控制台里输出了tell me how to use browserify。

开发环境实时刷新

每次更改代码后进行编译和刷新浏览器是比较繁琐的事情。这里介绍一个命令行工具beefy,当你对js文件进行保存时会自动编译成bundle.js并自动刷新浏览器。
安装beefy:
npm install -g beefy
现在改用下面的命令进行编译:
beefy index.js:bundle.js --live
–live是beefy的参数,带上这个参数就能实现实时刷新。
原文:superbigtree.tumblr.com/post/54873453939/introduction-to-browserify

发表评论

电子邮件地址不会被公开。 必填项已用*标注