现状
伴随着移动互联的大潮，当今越来越多的网站已经从网页模式进化到了Webapp模式。它们
运行在现代的高级浏览器里，使用HTML5、CSS3、ES6等更新的技术来开发丰富的功能，
网页已经不仅仅是完成浏览的基本需求，并且webapp通常是一个单页面应用，每一个视图通
过异步的方式加载，这导致页面初始化和使用过程中会加载越来越多的JavaScript代码，这
给前端开发的流程和资源组织带来了巨大的挑战。
前端开发和其他开发工作的主要区别，首先是前端是基于多语言、多层次的编码和组织工
作，其次前端产品的交付是基于浏览器，这些资源是通过增量加载的方式运行到浏览器端，
如何在开发环境组织好这些碎片化的代码和资源，并且保证他们在浏览器端快速、优雅的加
载和更新，就需要一个模块化系统，这个理想中的模块化系统是前端工程师多年来一直探索
的难题。
模块系统的演进
模块系统主要解决模块的定义、依赖和导出，先来看看已经存在的模块系统。
<script>标签
<scriptsrc="module1.js"></script>
<scriptsrc="module2.js"></script>
<scriptsrc="libraryA.js"></script>
<scriptsrc="module3.js"></script>
这是最原始的JavaScript文件加载方式，如果把每一个文件看做是一个模块，那么他们的接
口通常是暴露在全局作用域下，也就是定义在 window对象中，不同模块的接口调用都是一
个作用域中，一些复杂的框架，会使用命名空间的概念来组织这些模块的接口，典型的例子
如YUI库。
这种原始的加载方式暴露了一些显而易见的弊端：
全局作用域下容易造成变量冲突
文件只能按照 <script>的书写顺序进行加载
开发人员必须主观解决模块和代码库的依赖关系
在大型项目中各种资源难以管理，长期积累的问题导致代码库混乱不堪
CommonJS
