从 package 导出子文件夹

Question

我有一个 Typescript package

package.json
src/
  index.ts
  common/
    index.ts
  sub/
    index.ts

我希望能够：

import {...} from '<package>';
import {...} from '<package>/sub';

但不适用于<package>/common

如果没有自定义声明文件，是否可以做到这一点？

我的package.json看起来基于此：

"exports": {
  ".": "./dist/index.js",
  "./common": "./dist/common/index.js"
},
"typesVersions": {
  "*": {
    "common": ["declarations/common/index.d.ts"]
  }
}

通过这种方法，我对 Typescript 部分没有任何问题。 但是一旦我尝试构建它，它就会因 JS 而失败：

Module not found: Error: Can't resolve '<package>/sub' in '...'

Answer 1

老实说，我不完全确定为什么会这样，但我的package.json中的这个块对我有用：

{
    // ...
    "files": [
        "/dist"
    ],
    "main": "./dist/index.js",
    "types": "./dist/index.d.ts",
    "exports": {
        ".": "./dist/index.js",
        "./types": "./dist/types/index.js",
        "./generate": "./dist/generate/index.js"
    },
    "typesVersions": {
        "*": {
            "types": [
                "./dist/types/index.d.ts"
            ],
            "generate": [
                "./dist/generate/index.d.ts"
            ]
        }
    }
}

我的tsconfig.json看起来像这样：

{
    "extends": "@tsconfig/node14/tsconfig.json",
    "include": ["src/**/*"],
    "compilerOptions": {
        "lib": ["es2020", "dom"],
        "declaration": true,
        "outDir": "dist",
        "module": "ESNext"
    }
}

这是我的文件结构：

package.json
tsconfig.json
dist/ // and all its subfolders
src/
  generate/
    index.ts
  types/
    index.ts
  index.ts