从 CommonJS 到 ESM：Node.js 模块系统的未来

2024-01-28 05:43:05

ES 模块是 ECMAScript 2015 规范引入的最具革命性的功能之一。它为 JavaScript 模块化引入了一个新的标准，并被广泛认为是 CommonJS 的未来。Node.js 是第一个支持 ESM 的主要 JavaScript 运行时之一，自 v12 起，它已成为默认的模块系统。

这篇文章将帮助你理解 Node.js 中 CommonJS 和 ECMAScript 模块之间的区别，以及如何将现有项目迁移到 ESM。我们还将探讨 ESM 带来的新特性和优势，以及它对 JavaScript 生态系统的影响。

CommonJS 与 ECMAScript 模块的区别

CommonJS 是一个模块化系统，它允许你将 JavaScript 代码组织成单独的文件，并通过 require() 函数导入这些文件。CommonJS 模块是通过 CommonJS 规范定义的，它被 Node.js 和许多其他 JavaScript 运行时所支持。

ES 模块是一个新的模块化系统，它被纳入 ECMAScript 2015 规范中。ES 模块通过 import 和 export 语句来导入和导出模块。ES 模块还支持动态导入，这允许你在运行时加载模块。

将项目迁移到 ESM

将项目从 CommonJS 迁移到 ESM 有几种方法。一种方法是使用 Babel 等工具将 CommonJS 代码转换为 ESM 代码。另一种方法是手动将 CommonJS 代码重写为 ESM 代码。

如果你选择使用 Babel，那么你可以安装 babel-cli 和 babel-preset-es2015，然后使用以下命令将 CommonJS 代码转换为 ESM 代码：

babel --presets es2015 script.js --out-file script.mjs

如果你选择手动将 CommonJS 代码重写为 ESM 代码，那么你需要将 require() 函数替换为 import 语句，并将 module.exports 对象替换为 export 语句。

ESM 的新特性和优势

ESM 带来了许多新特性和优势，包括：

更简洁的语法：ES 模块的语法比 CommonJS 模块更简洁，这使得它更容易编写和维护模块。
动态导入：ES 模块支持动态导入，这允许你在运行时加载模块。这对于构建按需加载的应用程序非常有用。
模块作用域：ES 模块具有模块作用域，这有助于防止全局变量的污染。
Tree shaking：ES 模块支持 tree shaking，这是一种优化技术，可以删除未使用的代码。这可以使你的应用程序更小、更有效。

ESM 对 JavaScript 生态系统的影响

ESM 对 JavaScript 生态系统的影响是巨大的。它为 JavaScript 模块化引入了一个新的标准，并被广泛认为是 CommonJS 的未来。随着越来越多的 JavaScript 运行时支持 ESM，越来越多的项目将从 CommonJS 迁移到 ESM。这将有助于创建一个更统一、更强大的 JavaScript 生态系统。