我一直在寻找使用嵌套文件夹的设计系统包，我们在Pipefy创建，经过深入研究，我找到了如何做到这一点。
该包导出React组件，我们使用import { Button } from '@mypackage/design-system;导入它们
稍后，我们在设计系统库中添加了标记，如Colors、Spacing和Fonts，但我们不想从索引中导入所有内容，这样做效率不高。
经过一些详尽的研究，我发现了如何使用TypeScript导出嵌套文件夹。
要像这样使用TypeScript库，您应该使用package.json文件中的typesVersions。
在这里我这样使用它

"typesVersions": {
    "*": {
      "index": [
        "lib/components/index.d.ts"
      ],
      "tokens": [
        "lib/tokens/index.d.ts"
      ]
    }
  },

这对我来说就像一种魅力，对你也一样！

在不知道您遇到了什么错误，或者TypeScript在其他方面似乎不为您工作（不知道您为什么不想分享这样重要的信息）的情况下，我可以告诉您的exports节似乎缺少类型信息。通常，如果您的.d.ts文件位于各自的.js文件旁边，您的exports节将如下所示：

"exports": {
  ".": {
    "types": "./dist/index.d.ts",
    "default": "./dist/index.js"
  },
  "./foo": {
    "types": "./dist/path/to/foo.d.ts",
    "default": "./dist/path/to/foo.js"
  }
}

我张贴我自己的答案，因为有很多关于这个主题的困惑。

NodeJS自v12.7.0（2019年7月）起支持导出

当我在2021年12月提出这个问题时，NodeJS支持exports字段已经有将近2.5年了，因此我们可以合理地假设Typescript支持它。

当我问这个问题时，Typescript不支援exports字段。

当我问这个问题时（2021年12月），package.json中的exports字段不被当时的Typescript版本（v4.5）支持，这让我特别困惑，因为TS 4.5测试版声明支持package.json导出。

Typescript 4.7（2022年6月）终于支持package.json导出

经过大量的测试和相当多的保密工作，typescript终于支持package.json的exports字段。

在package.json中使用typesVersions不是解决方案

一些人建议使用typesVersions--但这是一个完全独立的特性，只针对typescript（在这里阅读更多信息）。package.json中的exports字段被任何npm包支持-- typescript或不支持。

您需要什么才能使其正常工作

• 您的 typescript 项目必须使用TS v4.7或更高版本
• 您的tsconfig应该使用moduleResolution：node、node16或nodenext中的一个或多个。
• 如果使用的module的值为CommonJS、ES2015、ES6、ES2020或ESNEXT，则不必设置moduleResultion

如果使用"moduleResolution": "NodeNext"（或"Node16"）而不是广泛使用的"moduleResolution": "Node"，TypeScript只考虑package.json中的导出Map。（我猜"moduleResolution"默认为与"module"相同的值，但很难找到这方面的文档？
请参阅：https://www.typescriptlang.org/docs/handbook/esm-node.html
然而，许多TS库（包括微软自己的许多库）现在在"moduleResolution": "NodeNext"上有错误，因为像没有显式文件扩展名的相对导入这样的事情。