`
LiYunpeng
  • 浏览: 939824 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Browserify,初学

阅读更多
在使用NodeJS的时候,npm管理库是个非常好的东西,而在Web端,我们可以使用Browserify来使用类似NodeJS中的require功能,来维护和打包我们的JS

官网如下
http://browserify.org/

全局安装即为 npm install -g browserify


然后我们在JS代码中,就可以使用require来引入依赖的库了,然后所有引入的库
browserify main.js -o bundle.js
这句命令就是以main.js为入口去递归查询依赖的require的库,并打包到bundle.js文件内,所有的代码均打包进来

然后在程序中引入bundle就可以了

不过使用他有一个不好的地方,也就是把代码都打包到一起,调试debug就是个麻烦事了
分享到:
评论

相关推荐

    browserify-lightninground:从初学者的角度简要介绍使用browserify

    从初学者的角度简要介绍使用browserify 设置 您必须已安装npm。 brew install node 克隆此存储库: cd git clone https://github.com/lbrugg/browserify-lightninground.git (或任何克隆链接) cd browserify...

    go_angular_starter:Go Angular 初学者

    Go Angular 初学者演示演示站点位于: : : 特征Go Angular Starter 是用于高级 Web 应用程序的全栈自以为是的模板。 这包括: 使用 Go 模板转到 HTTP 服务器去 REST API 服务器基于 Angular 的管理面板单页应用程序...

    pse-lang:通过对初学者友好的功能学习编程语言

    通过对初学者友好的功能来学习编程语言。 客观的 与轻量级环境一起提供交互式,小而功能丰富的语言,以用于学习编程基础。 样本 检出test /目录中的示例程序列表。 如何使用 将主要的可移植ES6编写为ES5,并使其在...

    ReactJS-Getting-Started:ReactJS初学者的开发环境

    React.js 开发环境说明此为React的开发环境设定,为了方便测试及开发使用。特色当修改原始档后,grunt会自动编译发布新的档案目录结构./src 此为原始档案./bulid 此为编译后的... transform reactify browserify-shim

    touchstone-demo

    TouchstoneJS 初学者参考 TouchstoneJS 应用程序,其中包含所有 UI 组件的示例。 要在本地构建和预览,请运行gulp dev任务。 它将使用 browserify 构建应用程序,并在启动预览服务器。 应用程序的源代码在/src文件夹...

    vue-cli的工程模板与构建工具详解

    对于初学者或者以前曾从事AngularJS/React开发的用户来说,可能对开发环境有自已习惯性用法和熟悉的工具,但我建议用Vue来开发的话还是先按照官方推荐的来做,待我们掌握了Vue官方推荐的环境配置后再按照实际情况...

    kinect-visualisation:我正在开发一个系统,该系统使用 kinect 深度数据和音频分析以及 MIDI 输入来创建身临其境的视觉效果——非常适合现场表演。 它结合使用 sstephensonkinect、PIXI.js 和 node.js 进行 kinect 和 midi 流

    初学者的旧 ,也许新的也能用,我还没试过。 但这对于测试目的不是必需的。 和 。 我强烈建议 OS X 用户使用来安装这些依赖项brew install libfreenect libpng 。 虽然测试不一定需要 kinect,但仍需要存在库才能...

    cody-cli:Web开发环境

    将这些片段与Webpack或Browserify之类的工具放在一起,对于初学者来说是根本不可能的。 我认为这些人需要一种工具,使他们能够专注于完成Hello World ,而不是在计算机上执行练习!特征通过本地HTTP服务器运行html ...

    droplet:重新定义了块语言作为文本编辑器

    对于使用Scratch之类的语言的初学者来说,它是有用的过渡工具,并且是移动设备上每个人(键盘无法正常工作的地方)的首选文本编辑器。如何嵌入Droplet是一个browserify软件包,因此您可以将其包含在npm,requirejs...

    workflow:来自 Lynda.com 的示例项目文件

    工作流程课程这个项目是初学者工作流程的一个例子。 使用 CSS、Browserify、SASS、Coffee Script。这是第二段的测试第二段的详细测试。

    course-overview

    面向初学者的React.js 该课程将在2015年8月在纽约举行的三晚中,教您React.js的基础知识。该课程已经被预订满,但是所有学习材料都可以公开获得。 本课程面向有兴趣学习React.js的专业开发人员,因此,我们假定您...

    IntroToReact:为期3天的React.JS课程的课程

    对初学者的React该课程将在2015年8月在纽约举行的三晚中,教您React.js的基础知识。该课程已经完全预订,但是所有学习材料都可供所有人使用。日程第一天6:30-6:45:简介6:45-7:30:讲座:React基础知识7:30-7:45:...

Global site tag (gtag.js) - Google Analytics