使用绝对路径而不是相对路径对 JetBrains WebStorm 自动导入做出反应

Question

我正在 React.js 中使用 JetBrains 的出色 WebStorm 进行各种项目。

每次我键入现有组件名称时，WebStorm 都会自动为我导入它，这很棒，但它是根据我正在导入的文件的相对路径来导入的。

看起来是这样的：

import vintageAxios from "../../../../services/api/index";

但我希望它是这样的：

import vintageAxios from "services/api/index";

我已经使用 NODE_PATH=src/ 变量设置了我的 .env.local 文件，我已经使用 create-react-app 设置了项目。

编辑：我没有遇到进口问题。我想知道的是，是否有一种方法可以配置 WebStorm，以便它自动使用绝对路径而不是相对路径进行导入。

Answer 1

找到它 (WebStorm 2017.2)，将您的源目录 (ex. /src) 标记为源根目录（右键单击它找到它）后，您可以选中此框：

Answer 2

对于所有使用 Typescript 的人。选中 Editor > Code Style > Typescript

中的选项 Use paths relative to tsconfig.json