javascript - 基于 JavaScript 中的相对路径导入文件

Question

我有这样的项目结构:

- MyApp
`- firstFolder
 `- firstFile.js
`- secondFolder
 `- thirdFolder
  `- thirdFile.js

如何导入 firstFile.js来自 thirdFile.js ?

像 import myFunc from '../firstFolder/firstFile';在 thirdFile.js ，不起作用。

Answer 1

描述
以下是路径选项:../将返回 1 个文件夹，这就是我们返回两个文件夹的原因:

import myFunc from ../../firstFolder/firstFile

所以 ..带我们回到 secondFolder那么我们需要再返回一个文件夹 ..进入 MyApp文件夹。现在我们可以向前遍历到 firstFolder然后指向 firstFile .
或 ./ - 这是当前工作目录 (pwd)，将是 thirdFolder从这里我们需要返回 2 个目录或 ../..

import myFunc from ./../../firstFolder/firstFile

其他目录路径选项:
由于您没有指定完整路径，因此这些路径不完整 / - 将从操作系统的根目录开始

import myFunc from /fullPathtoProject/MyApp/firstFolder/firstFile

~/这是当前用户的主目录

import myFunc from ~/pathFromHomeDirectory/MyApp/firstFolder/firstFile