js 模块化()

1、用CJS引入的是要引入对象的一个拷贝
CJS在浏览器环境中是无效的,它必须要经过编译和打包后才能在浏览器环境中执行。

2、AMD是异步加载模块的。(就像它的名字一样)
AMD设计出来是供前端使用的,而CJS刚开始设计的目的是供后端使用的。
AMD的语法没有CJS那样直观。

3、UMD
适用于前端和后端环境(所以取名为universal)
跟CJS,AMD不同的是,UMD更像是一种模式,去适配多种模块系统。
当用像rollup/webpack这样的打包器的时候,UMD通常用作一个回调模块。

4、ESM
ESM是ES 模块的缩写。是JS语言为了标准化模块系统的一种方案

5、多种主流浏览器兼容。
具有类似CJS那样的简单的语法以及AMD的异步加载的功能。
具有Tree-shakeable的特性,这是由于ES6的静态模块结构。

————————

1、用CJS引入的是要引入对象的一个拷贝
CJS在浏览器环境中是无效的,它必须要经过编译和打包后才能在浏览器环境中执行。

2、AMD是异步加载模块的。(就像它的名字一样)
AMD设计出来是供前端使用的,而CJS刚开始设计的目的是供后端使用的。
AMD的语法没有CJS那样直观。

3、UMD
适用于前端和后端环境(所以取名为universal)
跟CJS,AMD不同的是,UMD更像是一种模式,去适配多种模块系统。
当用像rollup/webpack这样的打包器的时候,UMD通常用作一个回调模块。

4、ESM
ESM是ES 模块的缩写。是JS语言为了标准化模块系统的一种方案

5、多种主流浏览器兼容。
具有类似CJS那样的简单的语法以及AMD的异步加载的功能。
具有Tree-shakeable的特性,这是由于ES6的静态模块结构。