前端模块化

最早的模块化方案

将代码写在不同的js文件中，最后在入口文件中通过script标签引入，但这个方法缺陷显而易见，全局变量会被污染、不易维护和扩展。

浏览器端：AMD、CMD

随着requireJs的使用和推广，出现了AMD规范。AMD异步加载模块，即模块加载不应该后续代码的执行，依赖模块加载完成后执行其回调函数。
AMD关键词： define， require

CMD是在seaJs使用和推广后出现的，他是在AMD的基础上实现了模块的懒加载。

服务器端：commonJs

node的模块规范是commonJs，通过exports和import实现。

AMD、CMD和commonJs都是运行时加载确定依赖关系。

ESM

es的模块，通过import、export、export default实现。在编译时确定依赖关系。

区别

commonJS加载整个模块生个一个对象，使用时从对象上读取，即运行时加载。
ESM不是对象，通过export指定输出的内容，import时加载某个指定对象，而不是整个模块，即编译时加载,所以可以被tree-shaking。

ESM是静态的语法不是动态的语法、编译时加载的而不是运行时加载的、导出接口而不是对象、导入的是只读引用而不是普通的可变变量，输出的是值的引用而不是拷贝。