CommonJS 和 ESM 如何互操作（互导）？有什么坑？

// CJS 模块 (math.cjs)
module.exports = { add: (a, b) => a + b, PI: 3.14 }

// ESM 导入
import math from './math.cjs'       // default 导入 = module.exports
console.log(math.add(1, 2))          // 3

// 命名导入（Node.js 支持，但有坑）
import { add } from './math.cjs'     // 可能可以，取决于环境

// CJS 动态导出（ESM 无法静态分析）
if (condition) {
  module.exports = { a: 1 }
} else {
  module.exports = { b: 2 }
}

// ESM 中命名导入可能失败
import { a } from './dynamic.cjs'  // 可能报错或 undefined

import pkg from './math.cjs'
const { add, PI } = pkg  // 运行时解构

// CJS 中加载 ESM
async function load() {
  const mod = await import('./math.mjs')
  console.log(mod.add(1, 2))
}
load()

// ESM 模块
export default { add: (a, b) => a + b }

// CJS 中 import()
const mod = await import('./math.mjs')
console.log(mod.default.add(1, 2))  // 需要通过 .default
console.log(mod.add)                 // undefined（没有命名导出 add）

// CJS
console.log(__dirname)  // /path/to/dir
console.log(__filename) // /path/to/dir/file.js

// ESM 替代方案
import { fileURLToPath } from 'url'
import { dirname } from 'path'

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)

// CJS
const config = require('./config.json')  // ✅ 直接可用

// ESM（需要 assert 语法）
import config from './config.json' with { type: 'json' }
// 或旧语法
import config from './config.json' assert { type: 'json' }

// 兼容方案：读取文件
import { readFileSync } from 'fs'
const config = JSON.parse(readFileSync('./config.json', 'utf-8'))

// CJS
const path = require.resolve('./module')

// ESM 需要使用 import.meta.resolve（实验性）
const path = import.meta.resolve('./module')

// package.json
{
  "name": "my-lib",
  "exports": {
    "import": "./dist/index.mjs",   // ESM 入口
    "require": "./dist/index.cjs"    // CJS 入口
  }
}