DEV Community ·

Node.js：cjs、打包工具与esm的简要历史

💡 原文英文，约1100词，阅读约需4分钟。

📝

内容提要

Node.js支持两种模块：CommonJS（cjs）和ECMAScript模块（esm）。cjs解决了全局作用域冲突，允许模块的导入和导出；esm引入了动态导入和顶级await等新特性。Node.js 12.x版本开始支持esm，并与cjs兼容。开发者可根据需求选择使用这两种模块。

🎯

🔎

Node.js支持cjs和esm两种模块，开发者可以根据项目需求灵活选择。cjs适合传统的Node.js环境，而esm则引入了现代JavaScript特性，如动态导入和顶级await，适合需要异步处理的场景。了解这两者的特点，有助于更好地设计和优化代码结构。

Node.js在12.x版本开始支持esm，并实现了与cjs的兼容性。开发者需注意，esm模块可以导入cjs模块，但反向导入存在限制。这意味着在使用npm包时，选择合适的模块类型至关重要，以避免潜在的兼容性问题。

由于cjs模块不兼容浏览器，打包工具如webpack和browserify应运而生。这些工具不仅解决了兼容性问题，还提升了开发效率。开发者在选择打包工具时，应考虑项目需求和团队的技术栈，以确保最佳的开发体验。

❓

cjs模块使用require()和module.exports进行导入导出，而esm模块使用import和export语法，并引入了动态导入和顶级await等新特性。

Node.js从12.x版本开始支持ECMAScript模块（esm）。

因为cjs模块不兼容浏览器，打包工具如webpack可以将多个模块打包成一个兼容浏览器的文件。

esm模块可以导入cjs和esm的npm包，但反向导入存在限制，需使用动态导入等方式。

package.json文件指明了npm包的入口文件，帮助Node.js识别模块的导入点。

cjs模块解决了全局作用域冲突，允许开发者明确导入和导出的内容，从而提高了代码的模块化和可维护性。

🏷️