javascript - VS Code“转到定义”在没有路径的情况下导入时不起作用

Question

我正在尝试设置 VS Code 以允许我cmd+click或right click + Go To Definitions在导入不使用相对或绝对路径的 JS 组件时。相反，这些是由 Webpack 设置的，用于查找文件夹中的任何文件，无论深度如何。

我的文件夹结构示例：

code/
├── backend/
├── frontend/
│   └── resources/
│       ├── css/
│       └── js/
│           ├── notifications/
│           │   ├── alerts.js
│           │   └── mail.js
│           │
│           ├── sidebar/
│           │   └── panes/
│           │       └── account.js
│           │
│           └── footer/
│               └── main.js
│
└── jsconfig.json

我如何尝试从以下位置导入组件（我正在使用 React）的示例/code/frontend/resources/js/footer/main.js：

import Mail from 'mail';
import Account from 'account';

我当前的 VS 代码示例/jsconfig.json：

{
  "compilerOptions": {
    "target": "ES6",
    "baseUrl": ".",
    "paths": {
      "*" : [
        "*",
        "code/frontend/resources/js/**/*"
      ]
    },
  }
}

我基本上想告诉 VS Code 将该js目录作为根目录，我可以在不使用路径的情况下从中导入任何 JS 文件，以便它可以允许我使用该"Go To Definition"选项。我敢肯定它可以做到我只是不知道怎么做。有任何想法吗？

注意：只是为了重新迭代，我在使用import.

任何帮助表示赞赏。提前致谢。

更新：仅供参考，我的代码在浏览器上正确运行，因为 webpack 在运行时处理路径，这不是问题。我只是无法让 VS Code 了解使用它们的"Go To Definition"功能的路径。

标签： javascriptreactjsvisual-studio-codevscode-settings