前言 Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了，随着前端发展对 模块需求越来越大，模块也是经历了从最初的简单模块写法到AMD和CMD规范的出现，再到ES6发布，目前已经可以 很方便的在Javascript中使用"类"和"模块 ...

这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。 无模块时代 在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了 ...

前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀 这时候 ...

1. 没有模块化的时代 在JS没有模块化标准的时代，如果存在以下依赖关系： main.js -> b.js -> a.js 那么我们必须把js文件的顺序按照模块的依赖关系顺序放到页面中(简单的举例，不考虑循环依赖等复杂情况) 我们需要提前加载好所有的依赖。 这种方式 ...

ESM（ECMA Script Modules） AMD： 异步模块定义，我们引用 js文件都是使用 script标签来引用的，这种通常情况下都是异步引用，我们一般在网络中引用文件，引用完之后才能进行解析和运行。我们请求一个模块也是一样，如果这个模块返回的时间 ...

模块化 含义 模块化： 模块化就是将单个文件当成一个模块，在日常项目开发里面我们不会将所有逻辑写在一个文件里面，不管是css还是js。原因是这样会导致单个文件过大，无法实现复用和维护，所以我们会将文件进行切割分离，这样分离独立出来的每一个文件都是一个模块。 css的模块化 ...

一、为什么需要模块化？ 　　 代码量骤增 => 分治管理的刚性需求 二、模块化方案需解决什么问题？ 模块化要实现两个东西：模块加载与模块封装。面临的具体问题包括： 1、如何定义模块以确保模块的作用域独立，避免命名冲突？ 2、如何管理 ...

一、CommonJS特点 ​ 经过前面讨论，已经知道无模块化时项目中存在的问题。CommonJS的特点就是解决这些问题即： ​ 1.每个文件都是一个单独的模块，有自己的作用域，声明的变量不是全局变量(除非在模块内声明的变量挂载到global上) ​ 2.每个文件中的成员都是私有的，对外不可 ...