前端模块:CJS, AMD, UMD, ESM, System 和 IIFE
发布网友
共1个回答
热心网友
在构建现代 JavaScript 项目时，为了将小段代码整合为库或应用，我们需要使用打包工具将代码编译成可加载的模块。流行的打包器，如 webpack、Rollup、Parcel、RequireJS 和 Browserify，将 JavaScript 转换为模块格式。
模块类型多样，下面列出常见的几种：
**CommonJS (CJS)**
CJS 适用于 Node 和其他非浏览器环境，广泛用于服务器端开发。通过 `require()` 函数和 `module.exports` 来识别模块。`require()` 用于导入其他模块的符号到当前作用域，`module.exports` 是在其他模块引入时返回的对象。CJS 模块设计注重同步加载，适用于服务器端。
**AMD (Asynchronous Module Definition)**
AMD 从 CJS 演变而来，支持异步加载。RequireJS 利用 AMD 在浏览器端工作。AMD 提供了类似 `exports` 和 `require()` 的接口，但 `define()` 接口更基础且更受欢迎。
**UMD (Universal Module Definition)**
UMD 旨在兼容服务器端和浏览器端，适配当前流行的加载器，如 RequireJS。它试图兼容 CJS 和 AMD，但这种兼容性增加了复杂性，可能导致读写困难。
**ECMAScript Modules (ESM)**
ESM 通过静态 `import` 指令引入模块，该指令只能位于文件顶部。动态 `import()` 目前处于 TC39 流程的第4阶段，支持的工具如 Webpack 提供同态 `module`，但可能存在额外性能消耗。
ESM 文件通常在浏览器中无法直接运行，因为浏览器不支持这些格式。可以通过设置 `
