DEV Community
·
CommonJS与ESM：JavaScript模块大战！
💡
原文英文，约600词，阅读约需2分钟。
📝
内容提要
JavaScript模块系统从CommonJS转向ECMAScript模块（ESM）。CommonJS适用于Node.js，支持同步加载，但不适合浏览器。ESM是现代标准，支持异步加载和树摇，适合新项目。建议2025年新项目使用ESM，旧项目可继续使用CommonJS。
🎯
关键要点
- JavaScript模块系统经历了从CommonJS到ECMAScript模块（ESM）的转变。
- CommonJS是Node.js的传统标准，适用于服务器端，但不适合浏览器。
- ESM是现代标准，支持异步加载和树摇，适合新项目。
- 建议在2025年新项目中使用ESM，旧项目可继续使用CommonJS。
- CommonJS使用require()导入模块，module.exports导出模块。
- CommonJS的优点包括同步加载和在旧版Node.js中的良好兼容性。
- CommonJS的问题包括阻塞性导入和与ES模块的兼容性差。
- ESM使用import和export关键字，支持异步加载和树摇。
- ESM的缺点是旧版Node.js不支持，需要在package.json中设置'type': 'module'。
- 在2025年，建议新项目使用ESM，旧项目可继续使用CommonJS，逐步过渡。
➡️
