模块江湖大转派：CommonJS 弃武从文，投奔 ESM 门下

前言

江湖传闻，有两大武功秘籍并存已久：CommonJS 与 ES Module（ESM）。江湖中人争相修炼，但总有人走火入魔，不知如何切换招式。今日小编就带你走入模块江湖，修炼一门从 require 到 import 的轻功心法，从此写码如行云流水，Debug 如拨云见日！

简介

在 Node.js 江湖中，require() 与 module.exports 属于传统的 CommonJS 派，而 import 与 export 则是后起之秀 ES Module 派。随着 Node.js 正式支持 ESM（>=v12），许多项目开始退隐 CommonJS，转投 ES Module 门下。

你问区别？一句话总结：

CommonJS 是同步加载，适合后端；ES Module 是异步加载，面向未来。

操作步骤

第一式：声明 ESM 身份

在你的项目根目录的 package.json 文件中，加入这一招：

从此江湖中人便知你是 ESM 门下的弟子。

第二式：改写模块用法

旧派 CommonJS 写法：