在不使用 Babel/Webpack 的情况下在 NodeJS 中导入具有绝对路径的 ES6 模块

Question

我有一个普通的旧 NodeJS 项目（使用 Typescript），我真的很难找出如何为本地文件执行 ES6 导入，而不必执行 "../../../foo/bar" all时间。

有很多类似的问题，但似乎都围绕着我没有使用的 babel/Webpack。

如果我执行以下操作：

import foo from `/bar`

它在我的 PC 的根文件夹（例如 c:/bar）中查找它并失败。

我尝试使用 .env 文件，并将 NODE_PATH 设置为各种铰链（“/”、“.”等），但没有成功。我也尝试在我的 package.json 中设置“type: 'module'” 并且我的 tsconfig.json 文件有 {"baseUrl": "."}

所以我想我已经尝试了所有能找到的答案。我只是在错误的组合中使用它们还是解决方案有所不同？

Answer 1

这是我使用的两个技巧，Node.js 和原生 ES 模块。

1. file: 依赖关系

如果你想从下两层的子包访问<project root>/bar，请将其添加到package.json 依赖项中：

    "@local/bar": "file:../../bar",

..使bar 可用于上述子包为@local/bar。

虽然相对路径仍然存在，但它们现在都在 package.json 文件中，并且源永远不需要知道..

1. 使用动态import()

选择一个常量的根文件夹路径并执行以下操作：

const foo = await import(`${rootPath}/bar`);

Answer 2

我不确定您所说的“无需执行"../../../foo/bar" 的本地文件”是什么意思

让我解释一下 Javascript 如何处理导入。这是一个基本的文件夹结构。

C:Users/NAME/Project/randomfolder/bar.js


- Project
  - Random Folder
    - foo.js
  - bar.js

选项 1 对于 95% 的工作来说，这可能是更好的选择

假设您正在尝试将 foo.js 导入 bar.js，我们首先使用 . 获取 bar.js 的当前位置，所以它会是

import foo from "./Random Folder/foo.js"

如果您采用另一种方式，. 仍用于表示获取文件夹结构中的当前位置，但您传递了第二个 . 所以 .. 然后是 / 去上一个文件夹。因此，要将 bar.js 导入 foo.js，它看起来像这样：

import bar from "../bar.js"

我们正在上一个文件夹，然后寻找我们想要的文件。

选项 2

但是如果你知道你的文件夹结构会非常大并且你总是会向上或向下导入几个文件夹为什么不创建一个变量然后使用字符串文字。

  let folder = `../../../`
  import test from `${folder}foo`

你有几个选择来处理你想做的事情。

选项 3 对于 NodeJS 和模块

如果您使用 NodeJS 并且想要获取非相对路径，请使用 app-root-path 模块。它使您始终可以获取项目根目录，然后相应地深入研究文件。这可以通过字符串文字来完成。

var appRoot = require('app-root-path');
import foo from appRoot + "/foo/bar/folders/bla/bla"

or

import foo from `${appRoot}/foo/bar/folders/bla/bla` <-- string literals