使用绝对路径而不是相对路径与JetBrains WebStorm自动导入进行反应
Cri*_*jas 12 jetbrains-ide webstorm reactjs create-react-app
我正在使用JetBrains 使用超棒的WebStorm在React.js中做各种项目.
每当我键入一个现有的组件名称时,WebStorm会自动为我导入它,这很棒,但它是基于我正在进行输入的文件的相对路径来实现的.
看起来像这样:
import vintageAxios from "../../../../services/api/index";
但我希望它像:
import vintageAxios from "services/api/index";
我已经.env.local使用NODE_PATH=src/变量设置了我的文件,我使用了create-react-app来设置项目.
编辑:我没有输入问题.我想知道的是,是否有一种方法可以配置WebStorm,因此它会自动使用绝对路径而不是相对路径进行导入.
ABC*_*.ca 18
找到它(WebStorm 2017.2),在将源目录(例如/ src)标记为源根(右键单击它以查找它)之后,您可以选中此框:
- 如果您使用的是打字稿。这是代码样式/打字稿 (4认同)
- 奇迹般有效！我需要将我的src目录标记为“ resource root”，它现在正在发挥作用！ (3认同)
- 我有完全相反的问题。我想要相对导入，但 WebStorm 坚持绝对导入。在 WebStorm 中切换设置没有效果。我的 tsconfig.json 没有指定 `baseUrl`，但 WebStorm 的行为就好像它是一样。 (3认同)
Nea*_*arl 11
对于任何使用 Typescript 的人。检查>>Use paths relative to tsconfig.json中的选项EditorCode StyleTypescript
| 归档时间： |
|
| 查看次数： |
2081 次 |
| 最近记录： |