前端的模块管理(RequireJS、AMD、CMD、CommonJS、ES6)

jethai 2019-07-01

随着应用复杂度的攀升,常规的JavaScript引入方式(script标签)已经不能满足需求,模块化管理成为团队协作的高效方法,现在的模块化管理主要有RequireJS、AMD、CMD、CommonJS、ES6四种模式。

RequireJS是一个小巧的JavaScript模块载入框架,压缩后14k,具有轻量级、异步加载模块等特点。

AMD是Asynchronous Module Definition的缩写,是模块加载规范,提倡提前加载、依赖前置,RequireJS就是AMD是实践者。

CMD是国内发展起来,Common Module Definition的缩写,提倡延迟加载、依赖后置。

CommonJS主要用于服务器端模块管理,是同步加载模块,因为服务器端程序(nodejs)和模块都运行在磁盘上,加载延迟可以忽略,客户端使用需考虑网络延迟,效果一般。

ES6通过import和export关键字,旨在建立客户端和服务器端通用的加载规范。

相关推荐