如何在 vscode jsconfig 中添加嵌套路徑別名？

Question

背景

我有這樣的配置：

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "common": ["./common/*"],
      "components": ["./components/*"],
      "services": ["./services/*"],
      "styles": ["./styles/*"],
      "state": ["./state/*"]
    },
    "lib": ["ES5"]
  },
  "include": ["./src/**/*"]
}

僅關注components目錄，結構為：

components/shared/*

因此，要導入共享文件，我必須寫：

import File from "components/shared/file"

問題

我應該如何修改 jsconfig 以便能夠直接從共享文件夾導入，例如：

import File from "shared/file"

Answer 1

然后你必須像這樣改變 json baseUrl -

"baseUrl": "./src/components"

但這不是使用 baseUrl 的適當方式。 因為使用此設置后，您的所有導入都將根據components文件夾進行。 這實際上不是基礎 url。