前端模块化（CommonJs,AMD和CMD）

最新推荐文章于 2025-04-21 16:28:52 发布
最新推荐文章于 2025-04-21 16:28:52 发布
阅读量345 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/long902323/article/details/81229178
本文介绍了前端开发中的三种主要模块规范：CommonJs、AMD 和 CMD。CommonJs 主要应用于服务器端，而 AMD 和 CMD 则用于浏览器环境。AMD 规范由 RequireJS 推广并提出，强调依赖的异步加载及提前执行；CMD 规范则源于 SeaJS 的推广，它支持按需加载和顺序执行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

https://www.jianshu.com/p/d67bc79976e6

 

前端模块规范有三种：CommonJs,AMD和CMD。
CommonJs用在服务器端，AMD和CMD用在浏览器环境
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。
AMD:提前执行（异步加载：依赖先执行）+延迟执行
CMD:延迟执行（运行到需加载，根据顺序执行）


 

前端工程化之：CommonJS
m0_60189088的博客
01-19 670
前端主要有两大模块化标准： CommonJS，简称CMJ，这是一个社区规范，出现时问较早，目前仅node环境支持； ES Module，简称ESM，这是随着ES6发布的官方模块化标准，目前浏览器和新版本node环境均支持。
前端模块化（iife CommonJs AMD UMD CMD） 如有错漏请诸位多多指正 十分感谢
weixin_42181341的博客
07-07 424
之前学习笔记 整理上传分享出来 希望大家能多多指正其中错漏
前端模块化开发规范之CommonJS
大道至简
12-09 490
CommonJS是前端模块化发展过程中出现的第一个规范。其使用方式也是相当简便的。 以下是导入和导出的两个关键片断。 1、导入 const user = require('./user'); 2、导出 module.exports = user.getList; 注意：这类代码是不可以直接在浏览器里面运行的，必须依赖其他工具将其打包成ES5。 ...
前端模块化(AMD和CMD、CommonJs)
anrong1547的博客
12-06 112
知识点1：AMD/CMD/CommonJs是JS模块化开发的标准，目前对应的实现是RequireJs/SeaJs/nodeJs. 知识点2：CommonJs主要针对服务端，AMD/CMD主要针对浏览器端，所以最容易混淆的是AMD/CMD。（顺便提一下，针对服务器端和针对浏览器端有什么本质的区别呢？服务器端一般采用同步加载文件，也就是说需要某个模块，服务器端便停下来，等待它加载再执行。而...
前端模块化,AMD,CMD,ES6 Module,CommonJS,ES6 模块与CommonJS 模块的差异
Zhixjs的博客
06-12 781
前端模块化 问题： 为什么前端要使用模块化？ ​ 模块化： 是具有特定功能的一个对象（ 广义理解 ） ​ 模块定义的流程： ​ 1.定义模块（对象） ​ 2.导出模块 ​ 3.引用模块 ​ 好处： 可以存储多个独立的功能块 复用性高 分类 1. AMD AMD规范采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函...
caojiawenn#getOffer#前端模块化：CommonJS，AMD，CMD，ES61
07-25
CommonJS 用同步的方式加载模块，在服务端，模块文件都存在本地磁盘，读取速度非常快，所以问题不大。ES6 的模块不是对象，import 命令会被 Java
Javascript模块化 - CommonJS - AMD - CMD - UMD 模块化方式详解
qq_37779333的博客
11-16 918
将一个复杂的程序依据一定的规则(规范)封装成几个块(文件)，并进行组合在一起；块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信；通过两者的比较，可以得出AMD模块定义的方法非常清晰，不会污染全局环境，能够清楚地显示依赖关系。AMD模式可以用于浏览器环境，并且允许非同步加载模块，也可以根据需要动态加载模块。CommonJS规范主要用于服务端编程，加载模块是同步的，这并不适合在浏览器环境，因为同步意味着阻塞加载，浏览器资源是异步加载的，因此有了AMD CMD解决方案；
前端Javascript模块化 CommonJS与ES Module区别
最新发布
警警的博客
04-21 1166
ES Module 的静态结构支持编译时删除未使用代码（如 Webpack 的 Tree Shaking），而 CommonJS 因动态加载无法实现此优化。ES Module的普及促使npm生态向ESM迁移，工具链（如Webpack、Rollup、Vite）全面支持ESM，形成从开发到构建的完整解决方案。从“脚本堆砌”到“工程化设计”，模块化推动了组件化开发、Monorepo架构和微前端实践，例如通过Webpack和Vite实现模块联邦与即时编译。模块化通过独立作用域隔离变量，避免全局命名冲突。
前端模块化(AMD、CMD、commonJs、ES6)
qq_37012533的博客
04-17 1006
为什么需要模块化？ 1.没有模块化的项目，通常需要在一个页面里引用多个<script>文件，分类性不强，不易维护。 2.一个复杂的项目肯定有很多类似的功能，将独立的功能按规范封装成一个个独立的模块，并且可以被其他模块引用。 3.常用的javascript模块化规范有四种：AMD，CMD，CommonJs，ES6模块化。 AMD和CMD的区别？ AMD是基于RequireJs(需要引入require.js)的规划范写的，它是通过define()函数来定义，第一个参数是数组，里面是一些需要依赖的包，
前端AMD、CMD和commonJs-前端知识
weixin_33859231的博客
04-16 114
前端AMD和CMD是在模块化的基础上产生并且得到大幅度的引用的。 AMD 即Asynchronous Module Definition（点击链接可以查看AMD面试题），中文名是异步模块定义的意思。它是一个在浏览器端模块化开发的规范； CMD 即Common Module Definition ，中文名是同步模块定义的意思，是SeaJs在推广过程中对模块规范化的定义的产出。该规范明确了模块的...
前端模块化与组件化，AMD、CMD规范
illiii的博客
05-19 218
模块与组件和模块化与组件化 1.1 模块 理解: 向外提供特定功能的js程序, 一般就是一个js文件 为什么: js代码更多更复杂 作用: 复用js, 简化js的编写, 提高js运行效率 1.2 组件 理解: 用来实现特定(局部)功能效果的代码集合(html/css/js) 为什么: 一个界面的功能更复杂 作用: 复用编码, 简化项目编码, 提高运行效率 1.3 模块化 当应用的js都以模块来编写的, 这个应用就是一个模块化的应用 1.4 组件化 当应用是以多组件的方式实现, 这个应用就是一个组件化
js模块化 Common.js / AMD / CMD / es6
qq_43631129的博客
06-21 1068
js模块化
前端模块化——彻底搞懂AMD、CMD、UMD、ESM和CommonJS
zzy7075的专栏
02-04 4237
UMD是AMD和CommonJS的一个糅合。AMD是浏览器优先，异步加载；CommonJS是服务器优先，同步加载。既然要通用，怎么办呢？那就先判断是否支持node.js的模块，存在就使用node.js；再判断是否支持AMD（define是否存在），存在则使用AMD的方式加载。这就是所谓的UMD。
理解CommonJS、AMD、CMD三种规范
Dreamlandz的博客
07-22 350
这三个规范都是为Js模块化加载而生的，使模块能够按需加载，使系统同庞杂的代码得到组织和管理。模块化的管理代码使多人开发得到了更好的合作。 一、CommonJS 核心思想 一个单独文件就是一个模块，通过require方法来同步加载要依赖的模块，然后通过extports或则module.exports来导出需要暴露的接口。 缺点：加载模块是同步的，只有加载完成后才能执行后面的操作，也就是当要用到该模块了，现加载现用，不仅加载速度慢，而且还会导致性能、可用性、调试和跨域访问等问题。Node.js主要用于服务
前端模块化——彻底搞懂AMD、CMD、ESM和CommonJS
weixin_42155685的博客
03-18 649
因为每个文件执行时是同步执行（串行执行），因此时间是所有文件解析执行时间之和，尤其在文件较多较大时，这种缺点尤为明显。确切来说，JS是单线程，所有JS文件执行时间叠加在AMD和CMD中是一样的。AMD/CMD区别，虽然都是并行加载js文件，但还是有所区别，AMD是预加载，在并行加载js文件同时，还会解析执行该模块（因为还需要执行，所以在加载某个模块前，这个模块的依赖模块需要先加载完成）；CMD优点：因为只有在使用的时候才会解析执行js文件，因此，每个JS文件的执行顺序在代码中是有体现的，是可控的。
前端模块化（三）：CommonJS规范
weixin_30287169的博客
12-03 104
1 概述 CommonJS对模块的定义十分简单，主要分为模块定义、模块引用和模块标识。Nodejs的模块系统就遵循了CommonJS规范。但Node在实现中并非完全按照CommonJS规范实现，而是对模块规范进行了一定的取舍。下面，我们结合Node来深入了解CommonJS规范。 2 模块定义 CommonJS规范规定，一个文件就是一个模块，用module变量代表当前模块。 Node在其内部...
前端模块化简单梳理（AMD,CMD,CommonJS,ES6）
laishaojiang的博客
07-07 991
最近面试总是被问到前端模块化，即AMD,CMD,CommonJs，还有ES6 Module这些东西之间的差异，对此我也是一知半解，所以我花了一天时间查阅了不少资料，对各种模块化的方式也有了个大概的了解，在这梳理记录一下免得以后又忘记~~
理解JS模块规范：CommonJS、AMD与CMD
"JS中的模块规范(CommonJS, AMD, CMD)是JavaScript中处理模块和依赖管理的三种主要规范。它们的出现旨在解决JavaScript在不同环境下的模块化问题，特别是随着Node.js的兴起，使得JavaScript在服务器端也得到了广泛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值