AMD/CMD/commonjs/ESM
程序员文章站
2022-06-20 18:35:23
js模块化发展史
1 命名空间:
????库名.类别名.方法名
2 commonjs ? :用于后端的node
通过 module.exports 暴露模块接口,通过...
js模块化发展史
1 命名空间:
????库名.类别名.方法名
2 commonjs ? :用于后端的node
通过 module.exports 暴露模块接口,通过 require 引入模块,特点:同步执行
,
3 amd/cmd/umd ?:用于前端
amd(async module definition)使用 define 定义模块,使用 require 加载模块,特点:依赖前置,提前执行
cmd(common module definition)使用define 来定义一个模块,使用require 来加载一个模块,特点:尽可能懒执行
umd(universal module definition)通用解决方案,三个步奏:判断是否支持 amd,判断是否支持 commonjs,如果都没有 使用全局变量
4 es6 module (ecmascript module)export / import,import()
推荐阅读
-
前端笔记之ES678&Webpack&Babel(下)AMD|CMD规范&模块&webpack&Promise对象&Generator函数
-
再次梳理AMD、CMD、CommonJS、ES6 Module的区别
-
CommonJS、AMD、UMD、CMD使用介绍
-
JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6
-
前端模块化:CommonJS,CMD,AMD,ES6
-
详解搞清CommonJS、AMD、CMD、ES6的联系与区别
-
前端模块化小总结—commonJs,AMD,CMD, ES6 的Module
-
浅析JS中的模块规范AMD和CMD
-
AMD/CMD/commonjs/ESM
-
javascript模块化之CommonJS、AMD、CMD、UMD、ES6