`
LiYunpeng
  • 浏览: 952307 次
  • 性别: 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...

    babel_browserify_practice

    描述中提到的"贝贝尔入门"暗示这可能是一个初学者导向的教程或项目,旨在帮助学习者了解如何配置和使用Babel与Browserify来处理JavaScript代码。"日期:2015年8月1日星期六11:47:34 注意事项"可能指的是该教程或项目...

    Vue.js入门教程,适合初学者

    在实际项目中,开发者通常会借助Webpack或Browserify等工具进行模块打包,以及使用Vue CLI创建项目,以便更高效地开发Vue应用。 总结来说,Vue.js是一个轻量级、易学易用且功能强大的前端框架,尤其适合初学者快速...

    scaffold:使用React,SASS,Browserify进行脚手架

    在IT行业中,脚手架(Scaffold)是一种用于快速搭建项目结构的...对于初学者,这是一个很好的起点,因为它提供了现代前端开发的标准工具链;对于经验丰富的开发者,它可以作为一个基础,根据项目需求进行定制和扩展。

    android开发的一个案例(aBMI)(源代码)

    在Android开发领域,BMI(Body Mass Index,身体质量指数)计算应用是一个常见的实践项目,它可以...对于初学者来说,这是一个很好的起点,而对于有经验的开发者,它可以作为复习基础知识和实践Android最佳实践的实例。

    p5js-coffeescript-browserify:p5.j​​s CoffeeScript浏览器修改示例

    其API设计灵感来自于Processing,使得初学者可以轻松上手,同时满足专业开发者的复杂需求。 2. **CoffeeScript**:CoffeeScript是一种简洁、易读的编程语言,它的语法更接近自然语言,编译后生成纯JavaScript代码。...

    express-browserify-jade-coffee-styl:入门模板

    这个入门模板是为初学者设计的,用于快速搭建一个基于JavaScript的Web应用。它整合了多个流行的技术框架和工具,帮助开发者高效地创建动态Web页面。以下是这个项目的核心组件及其功能: 1. **Express**: Express...

    BowerGulpBrowserifyBootstrapSample:Bower + Gulp + Browserify + Bootstrap示例

    **标题解析:** ...这个项目是一个完整的前端开发环境示例,适合初学者了解和学习如何将这些工具整合到实际项目中,提高开发效率和代码组织。同时,对于有经验的开发者来说,也是一个可快速上手的基础模板。

    go_angular_starter:Go Angular 初学者

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

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

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

    fire-emblem-awakening:宠物项目,用于练习Express,MongoDB,React,Gulp,Browserify,Babel,Sass,Foundation

    《火象征觉醒:一个综合性的Web开发练习项目》 在当今快速发展的Web开发领域,熟练掌握各种技术栈是...无论你是初学者还是经验丰富的开发者,这个项目都会提供宝贵的学习和实践机会,助你在Web开发的道路上不断前进。

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

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

    前端开源库-markdownify

    6. **简单易用**:Markdownify的API设计简洁,只需几行代码就可以实现Markdown到HTML的转换,对于初学者来说非常友好。 7. **社区支持**:作为开源项目,Markdownify拥有活跃的社区和良好的文档支持,遇到问题时...

    前端开源库-vitreum

    对于初学者,Vitreum提供了学习和实践前沿前端技术的平台;对于经验丰富的开发者,它则是一个高效、可定制的解决方案。下载并研究`vitreum-master`压缩包,可以深入理解这个框架的工作原理和使用方法,进一步提升...

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

    这个项目涵盖了CSS、Browserify、SASS以及Coffee Script,这些都是现代前端开发中的重要元素。 首先,CSS(层叠样式表)是用于描述网页或应用程序视觉表现的语言。在本项目中,学习者将了解如何通过CSS来控制页面...

    my-project-template:JS项目的基本模板

    "my-project-template:JS项目的基本模板" 是...对于初学者,理解并熟悉这些工具的使用和配置是提升开发技能的重要环节。同时,这个模板也提醒我们,良好的代码组织和自动化构建流程是现代前端项目开发不可或缺的部分。

    JavaScript资源大全中文版

    Browserify和Parcel也是打包和运行JavaScript的工具,Browserify关注于CommonJS规范,而Parcel则是一个零配置的“开箱即用”打包工具。 在质量保证和自动化测试方面,ESLint是一个静态代码分析工具,用于检测潜在的...

    react-es6-starter

    **React ES6 Starter** 是一个项目模板,专为初学者设计,用于快速搭建基于React的Web应用程序,并且集成了ES6语法和browserify工具。这个项目的核心目标是简化开发流程,使得开发者能够利用现代JavaScript(ES6)...

    StarterProjects:包含各种入门项目的列表

    在编程学习过程中,起步项目起着至关重要的作用,它们为初学者提供了实际操作的机会,帮助理解理论知识并将其应用于实践中。"StarterProjects" 是一个专门为 JavaScript 学习者准备的资源集合,包含了多个使用 Gulp ...

    touchstone-demo

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

Global site tag (gtag.js) - Google Analytics