如何创建一个同时支持 CommonJS（CJS）和 ECMAScript 模块（ESM）的 npm 包？

在 JavaScript 社区中，有两种主要的模块系统：CommonJS（CJS）和 ECMAScript 模块（ESM）。CJS 是 Node.js 默认的模块系统，而 ESM 是在浏览器和现代 JavaScript 运行时环境中广泛使用的模块系统。为了确保你的 npm 包能够同时支持这两种模块系统，你可以按照以下步骤进行操作：

1. 初始化项目
   首先，创建一个新的文件夹作为你的项目目录，并在该目录中执行以下命令来初始化一个新的 npm 项目：

   npm init
   ```
   
   

2. 安装必要的依赖
   接下来，安装一些必要的依赖项来帮助你在构建过程中处理模块系统的差异。你可以使用以下命令来安装这些依赖项：

   npm install --save-dev @babel/core @babel/preset-env babel-loader
   ```
   
   

3. 配置 Babel
   在项目根目录下创建一个名为 .babelrc 的文件，并添加以下配置：

   {
        
     "presets": [
       [