时间戳

首页 > 解决方案 > 环境打字稿定义未捆绑在库中

typescript - 环境打字稿定义未捆绑在库中

问题描述

我正在使用 TSDX 工具来构建一个 react-typescript 库。我的@types/目录中导出了许多类型，当我在应用程序中毫无问题地使用它们时，编译器清楚地选择了这些类型。

但是，在我的构建过程中，它们并没有被复制到我的输出包中，这让我感到惊讶，因为它们是通过代码引用的（确实被正确地捆绑了）。

// tsconfig.json
{
  "include": ["src", "types", "test"],
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "lib": ["dom", "esnext"],
    "importHelpers": true,
    "declaration": true,
    "sourceMap": true,
    "rootDir": "./",
    "strict": true,
    "noImplicitAny": false,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "strictPropertyInitialization": true,
    "noImplicitThis": true,
    "alwaysStrict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": false,
    "noFallthroughCasesInSwitch": true,
    "moduleResolution": "node",
    "baseUrl": "./",
    "paths": {
      "*": ["src/*", "node_modules/*"]
    },
    "jsx": "react",
    "esModuleInterop": true
  }
}

标签： typescriptdeclaration-files

解决方案

这实际上是设计使然，信不信由你。

您可以在 tsconfig.json 中定义类型的位置，并且预计它们总是在最终构建中（因为它们没有被移动）。即给定这个结构：

src/app.ts
types/app.d.ts

Typescript 期望您发布的构建类似于：

build/app.js
build/app.d.ts
types/app.d.ts

为此，您可以在 tsconfig 中定义环境类型的路径

{
    baseUrl: "./",
    paths: [
        "my-app": "./types/app.d.ts"
    ]
}

或添加一个包含目录中所有类型的 typeRoot，小心这一点，它将覆盖任何现有的 typeRoot，例如那些node_modules/@types你需要重新声明它们。

{
    typeRoots: ['./types', 'node_modules/@types']
}

my-app如果你声明了一个路径，然后使用导入来使用类型。

预计您的最终构建将包含types根目录中的目录，该目录在您的tsconfig.json.

我怀疑您将.d.ts文件包含在您的应用程序源目录中，因此不希望它能够用于生产构建。在这种情况下，您需要手动将其移动到构建中所需的位置，或者根据您的构建工具使用其他插件自动化它。

推荐阅读