Javascript VS代码“；转到“定义”；无路径导入时不工作

我正在尝试设置VS代码，以便在导入不使用相对或绝对路径的JS组件时，允许我cmd+单击或右键单击+转到定义。相反，这些是由Webpack设置的，用于查找文件夹中的任何文件，而不考虑深度

我的文件夹结构示例：

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

我如何尝试从

/code/frontend/resources/js/footer/main.js

导入组件（我正在使用React）的示例：

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

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

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

我基本上想告诉VS代码，让js目录成为根目录，我可以从中导入任何js文件，而无需使用路径，这样它就可以允许我使用“转到定义”选项。我相信这是可以做到的，我只是不知道怎么做。有什么想法吗

注意：为了重新迭代，在使用

导入时，我不能使用路径

感谢您的帮助。提前谢谢

更新：仅供参考，我的代码在浏览器上正确运行，因为webpack在运行时处理路径，这不是问题所在。我只是无法让VS Code了解路径是什么，以便使用他们的“转到定义”功能。
可能重复@Herohtar它不是重复的，因为他们专门要求使用别名的路径。我不能为路径使用任何别名，只能使用文件名（不带扩展名），如
从“邮件”导入邮件中的
'mail'
如果不使用alias，您如何让webpack导入文件？@Herohtar webpack设置正确，它在运行时使用解析选项来处理该问题。我的代码在浏览器上以正确的路径运行，这不是问题所在。我只是无法让VS代码知道路径是什么，以便使用他们的“转到定义”功能。jsconfig.json告诉VS代码使用什么路径。它的行为类似于网页包别名。我不确定是否可以使用通配符匹配所有目录<代码>*
仅匹配路径的单个部分，不允许使用
***
。