如何在 WebStorm 中使用 jsconfig 路径？

Question

我正在使用 WebStorm。 Ctrl + Click 我可以跳转到定义文件：

import myClass from '../../../../core/myClass';

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

/// jsonfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "Core/*": ["./app/bundles/core/*"],
    }
  },
  "exclude": [
    "node_modules"
  ]
}

并在我的文件中替换为：

import myClass from 'Core/myClass';

捆绑工作完美，但无法使用 WebStorm 跳转到文件。

知道什么设置吗？

Answer 1

jsconfig.json 目前不受 IDE 支持，请关注 WEB-30581 and WEB-36390 更新

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


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

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

如何在 WebStorm 中使用 jsconfig 路径？

How to use jsconfig path with WebStorm?

javascript

shortcut

intellij-idea

webstorm