模块化是将代码拆分为独立、可复用、有明确输入输出的小单元；CommonJS 同步加载、支持运行时动态引入但导出值拷贝且不支持 tree-shaking；ESM 是官方标准，静态声明、导出引用、支持异步加载和编译期优化。

模块化就是把代码拆成独立、可复用、有明确输入输出的小单元，每个文件管好自己的事，不互相污染。

CommonJS 是 Node.js 早期的模块方案

它用 同步加载，靠 require() 引入，module.exports 导出。模块第一次加载后会缓存，后续再 require 直接返回缓存结果。

• 可以在 if、函数里随时 require，运行时决定要不要加载
• 导出的是值的拷贝，改了原始值，已导入的地方看不到变化
• 路径可以是变量或拼接字符串，比如 require('./' + name)
• 不支持编译期优化，像 tree-shaking 这类静态分析做不了

ES 模块（ESM）是 JavaScript 官方标准

它用 静态声明，靠 import 和 export，必须写在文件顶层，不能放在条件或函数里。

• 浏览器和现代 Node.js 都原生支持，需加 .js 后缀（如 import './util.js'）
• 导出的是值的引用，原始值变了，所有导入处都能看到更新
• 依赖关系在代码运行前就确定了，能做 tree-shaking、自动代码分割等优化
• 支持异步加载：import('./module.js') 返回 Promise，适合懒加载

实际开发中怎么选

新项目统一用 ESM —— 语法更清晰、工具链支持好、是语言标准。Node.js 从 v14 开始稳定支持 ESM，只需加 "type": "module" 或用 .mjs 后缀。

• 混用要注意：CommonJS 里 require 一个 ESM 文件会报错；ESM 中也不能直接 import CommonJS 的 module.exports 对象（但 Node.js 有兼容层，通常能转成命名空间对象）
• 动态导入统一用 import()，它在两种环境都可用，返回 Promise
• 打包工具如 Vite、Webpack 默认按 ESM 处理，遇到 require 会尝试兼容，但建议逐步迁出

基本上就这些。