浅析模块化commonjs,AMD,ESmodule

前端工程化：模块化，规范化，组件化，自动化
模块化概念，我们认为每一个文件都是一个文件，我们对齐进行封装，只暴露一个接口，通过接口访问模块中的变量和方法。

Commonjs,AMD,ESModule

一开始是commonjs，它是一个规范，它的实现是nodejs
1
因为： 同步（缺点）
所以：无法请求多个文件，并且当组件请求时间很长的时候会阻塞下面的代码执行。但是在服务端存在本地代码，不存在请求，网速等问题。适用于服务端
所以：不适用于浏览器端（需要请求和网速有关，缺点）
2
因为：通过浅拷贝一个值，并且需要时把值进行引入
所以：不能更改引入的值里面的方法和属性
3
因为：运行时执行引入，
所以：无法进行动态加载和按需加载，无法被TreeShaking进行优化

AMD
异步，解决了Commonjs的同步阻塞问题。实现是requirejs

UMD
解决Commonjs和AMD的通用问题（希望服务端和浏览器端都可以使用）。
所以进行判断是Commonjs还是AMD，进行兼容

ESModule,现在最常用，最好的方式
1通用
2
因为：编译时执行引入
所以：会把引入import在编译时就找到，并且进行提升（动态加载）。并且可以进行TreeShaking优化
因为：导出时是把模块的引用进行导出
所以：无法更改值

参考1
参考2
参考3