为捆绑的 javascript 库导入 typescript 定义

Question

我有一个我在 typescript 中编写的库，它包含多个文件和一个 index.ts 文件，其中包含库的所有导出。

我使用 webpack 将整个库编译为单个 index.js 文件，但我无法使用类型定义导入它。

可以说这是我的图书馆：

src
-- index.ts
-- items-dal.ts
-- items-bl.ts
output
-- index.js
-- index.d.ts
-- items-dal.d.ts
-- items-bl.d.ts
webpack.config
ts.config
package.json

所以我将 output 文件夹复制到我的另一个项目中，但是当我尝试创建一个继承我的库的一个类的 class 时，我收到一个错误：

// user-dal.ts
const { ItemsDAL } = require("./output");

class UsersDAL extends ItemsDAL {
  constructor() {
    super("users");
  }
}

export default new UsersDAL();

// usage
import usersDal from "./users-dal.ts";
usersDal.getAll() // <-- Property "getAll" doesn't exist on type usersDal

我知道我可以通过使用 require() 来解决这个问题，但我更喜欢在我的其他项目中使用实际类型。

我这样做的原因是因为我混淆了 index.js 文件，但我不介意公开它包含的函数的名称。 这听起来可能适得其反，但它为我的需求提供了足够的安全性。

有没有办法让 typescript 检测到 d.ts 文件？ （或任何其他方式使代码与打字混淆）

Answer 1

只需在package.json中添加"types"声明即可。

{
  ...
  "main": "./output/index.js",
  "types": "./output/index.d.ts",
  ...
}