多种模块格式，包括 ES, CommonJS, UMD, AMD, SystemJS 和 IIFE的区别点分别是什么

【转】https://zhuanlan.zhihu.com/p/668530823

以下是各种模块格式的主要特点：

ES Modules (ESM)：这是 ECMAScript 6 (ES6) 引入的官方标准格式。它支持导入和导出语句，以及静态分析和 tree-shaking。它是唯一的静态模块系统，意味着你可以在编译时确定导入和导出的内容。

CommonJS (CJS)：这是 Node.js 使用的模块系统。它使用 require() 来导入模块，module.exports 或 exports 来导出。它是动态的，可以在运行时加载模块，但不支持 tree-shaking。

UMD (Universal Module Definition)：这种格式旨在兼容 AMD 和 CommonJS，同时还能在全局变量中运行。它通常用于让库能在各种环境中运行，包括浏览器和 Node.js。

AMD (Asynchronous Module Definition)：这种格式主要用于浏览器，支持异步加载和依赖管理。它使用 define() 函数来定义模块。

SystemJS：这是一个动态模块加载器，可以在浏览器中加载各种模块格式，包括 ES6、AMD、CommonJS 和全局脚本。

IIFE (Immediately Invoked Function Expression)：这不是一个模块格式，而是一种 JavaScript 函数的执行方式。它创建一个立即执行的函数，通常用于避免全局作用域的污染。在打包工具中，IIFE 格式通常用于生成一个可以直接在浏览器中运行的自包含脚本。

每种模块格式都有其适用的场景，选择哪种格式取决于你的项目需求和目标环境。