如何在 WebStorm 中使用 jsconfig 路径?

Ste*_*lec 6 javascript shortcut intellij-idea webstorm

我正在使用 WebStorm。在Ctrl + Click我能够跳转到定义文件:

import myClass from '../../../../core/myClass';
Run Code Online (Sandbox Code Playgroud)

但是如果我使用的是jsconfig.json文件,它就不起作用。

/// jsonfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "Core/*": ["./app/bundles/core/*"],
    }
  },
  "exclude": [
    "node_modules"
  ]
}
Run Code Online (Sandbox Code Playgroud)

在我的文件中,我替换为:

import myClass from 'Core/myClass';
Run Code Online (Sandbox Code Playgroud)

捆绑工作完美,但不能使用 WebStorm 跳转到文件。

知道什么设置吗?

len*_*ena 9

jsconfig.jsonIDE 当前不支持,请关注WEB-30581WEB-36390进行更新

您可以从https://youtrack.jetbrains.com/issue/WEB-22717#focus=streamItem-27-1558931-0-0尝试解决方法:config.js在您的项目根目录中创建一个文件(您可以使用不同的名称),在那里定义路径映射,例如:


System.config({
    "paths": {
        "Core/*": "./app/bundles/core/*"
    }
});

Run Code Online (Sandbox Code Playgroud)

更新jsconfig.json自 2019.2 起支持定义的路径别名;见WEB-36390

  • 我正在使用“phpstorm”和“jsconfig.json”(“paths”)似乎不起作用。知道如何解决这个问题吗? (2认同)