一个模块是能实现特定功能的文件，有了模块就可以方便的使用别人的代码，想要什么功能就能加载什么模块。CommonJS：开始于服务器端的模块化，同步定义的模块化，每个模块都是一个单独的作用域，模块输出，modules.exports，模块加载require()引入模块。AMD：中文名异步模块定义的意思。requireJS实现了AMD规范，主要用于解决下述两个问题。1.多个文件有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器2.加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应的时间越长。语法：requireJS定义了一个函数define，它是全局变量，用来定义模块。requireJ

一个模块是能实现特定功能的文件，有了模块就可以方便的使用别人的代码，想要什么功能就能加载什么模块。CommonJS：开始于服务器端的模块化，同步定义的模块化，每个模块都是一个单独的作用域，模块输出，modules.exports，模块加载require()引入模块。AMD：中文名异步模块定义的意思。requireJS实现了AMD规范，主要用于解决下述两个问题。1.多个文件有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器2.加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应的时间越长。语法：requireJS定义了一个函数define，它是全局变量，用来定义模块。requireJ

前言JavaScript语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括AMD、CMD、CommonJS等，而后ECMA组织在JavaScript语言标准层面，增加了模块功能（因为该功能是在ES2015版本引入的，所以在下文中将之称为ES6module）。今天我们就来聊聊，为什么会出现这些不同的模块规范，它们在所处的历史节点解决了哪些问题？何谓模块化？或根据功能、或根据数据、或根据业务，将一个大程序拆分成互相依赖的小文件，再用简单的方式拼装起来。全局变量演示项目为了更好的理解各个模块规范，先增加一个简单的项目用于演示。项目目录:├─js#js文件夹│├─main.js#入

前言JavaScript语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括AMD、CMD、CommonJS等，而后ECMA组织在JavaScript语言标准层面，增加了模块功能（因为该功能是在ES2015版本引入的，所以在下文中将之称为ES6module）。今天我们就来聊聊，为什么会出现这些不同的模块规范，它们在所处的历史节点解决了哪些问题？何谓模块化？或根据功能、或根据数据、或根据业务，将一个大程序拆分成互相依赖的小文件，再用简单的方式拼装起来。全局变量演示项目为了更好的理解各个模块规范，先增加一个简单的项目用于演示。项目目录:├─js#js文件夹│├─main.js#入