前端工具大全整理六款常见前端模块管理器

　　当当当
　　前端工具小课堂又开课了
　　之前几期的前端工具干货
　　得到了同学们的墙裂认可
　　今天小渡又带着前端模块管理器回归啦
　　现在模块化结构已经成为网站开发的主流
　　制作网站的主要工作
　　不再是自己编写各种功能
　　而是如何将各种不同的模块组合在一起
　　但由于浏览器本身并不提供模块管理的机制
　　为了调用各个模块
　　有时不得不在网页中
　　加入一大堆script标签
　　这样不但使得网页体积臃肿、难以维护
　　还会产生大量的HTTP请求
　　拖慢了显示速度又影响用户体验
　　为了解决这个问题
　　前端的模块管理器就应运而生啦
　　它可以轻松管理
　　各种JavaScript脚本的依赖关系
　　自动加载各个模块
　　使得网页结构清晰合理
　　可以预见
　　将来所有的前端JavaScript项目
　　将都会采用这种方式开发
　　所以今天
　　小渡就给大家整理一下
　　目前最流行的几款前端模块管理器
　　他们都是学好前端开发的利器哦
　　RequireJS
　　最早也是最有名的前端模块管理器
　　非RequireJS莫属
　　它是一个非常小巧的
　　JavaScript模块载入框架
　　是AMD规范最好的实现者之一
　　它不但非常轻量
　　还同时可以和其他的框架协同工作
　　不过在实际应用中
　　由于需要在服务器端将所有模块合并后统一加载
　　因此可能会多出很多工作量
　　Sea.js
　　SeaJS是目前比较流行的
　　模块开发的前端开源框架
　　适用于Web浏览器端的模块加载器
　　不要小看它
　　连咱们的阿里也是它的忠实粉丝呢
　　他解决了繁琐的文件依赖关系带来的问题
　　主要为了实现JS文件的异步加载
　　以及管理模块之间的依赖性
　　在SeaJS的世界里
　　一个文件就是一个模块
　　所有模块都遵循CMD规范
　　Bower
　　Bower是twitter推出的一款包管理工具
　　基于nodejs的模块化思想
　　把功能分散到各个模块中
　　让模块和模块之间存在联系
　　并通过Bower来管理模块间的这种联系
　　Bower的主要作用是
　　为模块的安装、升级和删除
　　提供一种统一的、可维护的管理模式
　　Browserify
　　Browserify本身不是模块管理器
　　只是让服务器端的CommonJS格式的模块
　　可以运行在浏览器端
　　这也意味着通过它
　　我们可以使用Node.js的npm模块管理器
　　实际上，它等于间接为浏览器提供了npm的功能
　　它通过对代码进行解析
　　整理出代码中的所有模块依赖关系
　　然后把相关的模块代码都打包在一起
　　形成一个完整的JS文件
　　Component
　　component是Express框架的作者
　　开发的模块管理器
　　它的基本思想
　　是将网页所需要的各种资源
　　包括脚本、样式表、图片、字体等编译后
　　放到同一个目录中
　　这里的目录默认是build目录
　　Duo
　　Duo是在Component的基础上开发的
　　语法和配置文件基本通用
　　并且借鉴了Browserify和Go语言的一些特点
　　相当地强大和好用
　　//////////
　　这些干货学习资料
　　你get了吗
　　为了防止这些知识学杂了
　　定期复习整理是关键哦
　　想做一名高薪前端开发工程师
　　把这些知识点先搞定吧