ModuleJS 与 CommonJS 混用的两种解决方案

目录

方案一

方案二

[统一使用 ModuleJS](#统一使用 ModuleJS)

统一使用CommonJS

方案一

使用构建工具，webpack、vite等系列构建工具。这些构建工具底层则会将两种不同的系统模块语言转为同一种语言，然后代码也能正常执行。

方案二

如果你可以修改文件的文件后缀，那么就不需要借助任何第三方工具，直接这样做即可。

统一使用 ModuleJS

• 文件扩展名为 .mjs
• 将 require 替换为 import
• 在 package.json 中设置 "type": "module"

// const qrcode = require('qrcode-terminal')
import * as qrcode from 'qrcode-terminal'

qrcode.default.generate()

统一使用CommonJS

• 将 import 替换为 require
• 确保文件扩展名为 .cjs
• 在 package.json 中设置 "type": "commonjs"

const qrcode = require('qrcode-terminal')

qrcode.default.generate()