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支持两种模块：CommonJS（cjs）和ECMAScript模块（esm）。
- cjs解决了全局作用域冲突，允许模块的导入和导出。
- esm引入了动态导入和顶级await等新特性。
- Node.js 12.x版本开始支持esm，并与cjs兼容。
- npm包的使用促进了Node.js开发的流行，package.json文件指明了入口文件。
- cjs模块不兼容浏览器，出现了打包工具如browserify和webpack。
- esm模块定义了新的导入导出语法，并逐渐被开发者广泛采用。
- Node.js通过文件扩展名和package.json中的type属性实现cjs和esm的互操作性。
- esm模块可以导入cjs和esm的npm包，但反向导入存在限制。
- 为了解决兼容性问题，一些npm包同时提供cjs和mjs入口点。
❓
延伸问答
Node.js中cjs和esm模块有什么区别？
cjs模块使用require()和module.exports进行导入导出，而esm模块使用import和export语法，并引入了动态导入和顶级await等新特性。
Node.js是从哪个版本开始支持esm的？
Node.js从12.x版本开始支持ECMAScript模块（esm）。
为什么需要打包工具如webpack？
因为cjs模块不兼容浏览器，打包工具如webpack可以将多个模块打包成一个兼容浏览器的文件。
esm模块如何与cjs模块互操作？
esm模块可以导入cjs和esm的npm包，但反向导入存在限制，需使用动态导入等方式。
npm包的package.json文件有什么重要性？
package.json文件指明了npm包的入口文件，帮助Node.js识别模块的导入点。
cjs模块的主要优点是什么？
cjs模块解决了全局作用域冲突，允许开发者明确导入和导出的内容，从而提高了代码的模块化和可维护性。
🏷️
标签
➡️
