javascript - 如何在 WebStorm 中使用 jsconfig 路径?

标签 javascript intellij-idea webstorm shortcut

我正在使用 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 跳转到文件。

知道什么设置吗?

最佳答案

jsconfig.json目前IDE不支持,请关注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/*"
    }
});

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

关于javascript - 如何在 WebStorm 中使用 jsconfig 路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54518538/

相关文章:

Javascript - 如何使对象直接位于另一个对象的前面?

java - 启动 maven 文件 - 无法运行

intellij-idea - 如何在IntelliJ IDEA中为Web项目配置资源根

Intellij IDEA 中的 Maven 导入在大型项目中内存不足

webstorm - WebStorm block 注释中的前导空格

返回 Promise 的 TypeScript 类型函数

typescript - 如何使用 JetBrains WebStorm 自动完成 TypeScript 接口(interface)

javascript - 使用 crossOrigin 属性加载图像。在 Firefox 插件 sdk 中

javascript - 从 Django 后端使用 Javascript 加载多个图像

javascript - 在 React.js 中使用 setState 设置间隔速度