Reactjs 使用JetBrains WebStorm自动导入以绝对路径而不是相对路径进行反应

我正在React.js中使用JetBrains的awesome进行各种项目

每次我输入一个现有的组件名，WebStorm都会自动为我导入它，这太棒了，但它是根据我导入的文件的相对路径来实现的

看起来是这样的：

从“../../../../../services/api/index”导入vintageAxios

但我希望它会像：

从“服务/api/index”导入vintageAxios

我已经用
NODE\u PATH=src/
变量设置了我的
.env.local
文件，我已经使用该变量设置了项目

编辑：我在导入方面没有问题。我想知道的是，是否有一种方法可以配置WebStorm，使其自动使用绝对路径而不是相对路径进行导入。
找到它（WebStorm 2017.2），在将您的源目录（ex./src）标记为源根目录（右键单击以找到它）后，您可以选中此框：

适用于任何使用Typescript的人。选中
编辑器中的
使用相对于tsconfig.json的路径
选项
代码样式
类型脚本
非常有效！我需要将我的
src
目录标记为“资源根目录”，现在它正在发挥神奇的作用！如果您使用的是typescript。这是代码风格/类型脚本这里没有一条建议适合我。使用WebStorm 2020.3，
src
标记为资源根，未选中相对于项目的Javascript代码样式
使用路径
，未选中相对于tsconfig.json的TypeScript代码样式
使用路径，禁用EditorConfig。仍然将文件导入为
。/../../../../../../../../this/drives/me/crazy/
。有什么想法吗？好吧，哇，所以我误解了那些复选框。我希望使用相对于tsconfig.json的路径，以避免来自每个文件的相对路径。也许这不是最好的措辞，或者我今天只是一个草率的读者。