VSCode - Turborepo - 本地包的自动导入建议错过了主入口点

Question

我们最近使用turborepo将多个存储库重新分组为一个单一的monorepo，以便使用本地包获得更好的代码可重用性。

我们的文件夹结构如下所示：

/apps
| /app1
| /app2
/packages
| /package1
| | /some-folder
| | | someHelper.js
| | index.js // Main entry point exporting everything

package1 package.json 文件看起来像这样

{
  "name": "package1",
  "main": "index.js",
  // Omitted irrelevant properties
}

应用程序 package.json 看起来像这样

{
  "name": "app1",
  "dependencies": {
    "package1": "*"
  }
  // Omitted irrelevant properties
}

当在应用程序的上下文中并且我引用

someHelper

时，智能感知导入建议给出以下内容：

import someHelper from "<rootDir>/packages/package1/some-folder/someHelper";

虽然我希望它像这样导入：

import { someHelper } from "package1";

两种进口都有效，但第二种更干净。我就是无法让 VSCode 以这种方式工作。

我在各个级别（应用程序、包和根目录）尝试了 jsconfig.json 路径别名的不同组合，但没有一个达到了预期的效果。

我还缺少什么吗？

Answer 1

您是否尝试过调整 VS Code 的

javascript.preferences.importModuleSpecifier

设置？

typescript.preferences.importModuleSpecifier

也可用于 TypeScript 项目。