【发布时间】:2017-01-22 04:27:31
【问题描述】:
我正在用 typescript 构建一个 react 库,我想为这个库的使用者提供一个 typescript 定义文件。
如何确保 typescript 定义文件始终正确并匹配 js 代码?
或者如果我的组件是用 typescript 编写的,有没有办法从编译器为我生成的所有生成的 d.ts 文件生成单个 d.ts 文件?
【问题讨论】:
标签: reactjs typescript
我正在用 typescript 构建一个 react 库,我想为这个库的使用者提供一个 typescript 定义文件。
如何确保 typescript 定义文件始终正确并匹配 js 代码?
或者如果我的组件是用 typescript 编写的,有没有办法从编译器为我生成的所有生成的 d.ts 文件生成单个 d.ts 文件?
【问题讨论】:
标签: reactjs typescript
如果您是该库的作者,则提供和维护定义非常容易。无论您使用什么库(例如 React),它的工作方式都是相同的。
.d.ts文件您可以通过将 -d 传递给编译器参数或在 tsconfig.json 中添加 declaration: true 来创建 .d.ts 文件。
package.json
将名为 typings 的字段添加到您的 project.json,例如"typings": "./index.d.ts"(如果typings 被省略,./index.d.ts 实际上是默认值)。
如果用户通过 NPM 安装您的库,TypeScript 编译器将自动使用提供的类型。
【讨论】:
.d.ts文件,可以使用github.com/SitePen/dts-generator
这里提到:https://stackoverflow.com/a/65629179/10606346
使用 React 开箱即用的 .d.ts 文件的最简单方法是将其放入 src 文件夹并将其命名为 global.d.ts,例如:
src/global.d.ts
【讨论】: