在 Node.js 中无需 Babel/Webpack 轻松导入 ES6 模块的指南

在 Node.js 中无需 Babel/Webpack 导入 ES6 模块的终极指南

问题：

在 Node.js 中导入 ES6 模块时，如果不使用 Babel 或 Webpack，就需要找到一种方法来解决绝对路径的问题。传统的相对路径方法在 Node.js 中不起作用，这给开发人员带来了困扰。

解决方法：

为了解决这个问题，我们需要对 Node.js 环境进行一些配置，让我们可以轻松地使用绝对路径导入 ES6 模块。

步骤：

1. 启用 ES 模块支持：

在 package.json 文件中，添加 "type": "module"，如下所示：

{
  "type": "module"
}

2. 设置 baseUrl：

在 tsconfig.json 中，添加以下设置：

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

3. 使用绝对路径导入：

现在，你可以使用绝对路径导入 ES6 模块：

import foo from "/path/to/bar.js";

4. 添加 NODE_PATH 环境变量（可选）：

如果你遇到路径解析问题，可以考虑添加 NODE_PATH 环境变量：

NODE_PATH=/path/to/modules

示例代码：

假设你的项目结构如下：

├── package.json
├── tsconfig.json
├── index.js
└── src
    ├── bar.js

在 index.js 中，你可以使用以下绝对路径导入 bar.js：

import { foo } from "/src/bar.js";

结论：

通过遵循这些步骤，你将能够在 Node.js 中轻松地使用绝对路径导入 ES6 模块，而无需借助 Babel 或 Webpack。

常见问题解答：

Q1：为什么需要设置 baseUrl？
A1：baseUrl 告诉编译器从哪里开始解析相对路径。通过将其设置为 "。", 我们告诉编译器从当前工作目录开始。

Q2：NODE_PATH 环境变量的目的是什么？
A2：NODE_PATH 环境变量告诉 Node.js 在指定的目录中查找模块。它可以帮助解决路径解析问题。

Q3：我是否可以使用相对路径导入模块？
A3：不支持相对路径导入 ES6 模块。你必须始终使用绝对路径。

Q4：如果我遇到编译错误怎么办？
A4：确保你的 Node.js 版本支持 ES 模块。版本 12.20 及更高版本都支持 ES 模块。

Q5：我可以使用这种方法在浏览器中导入 ES6 模块吗？
A5：这种方法只适用于 Node.js 环境。在浏览器中导入 ES6 模块需要使用模块加载器或构建工具，如 Webpack 或 Rollup。