更多

Question

我正在尝试编写一些在其他一些打字稿应用程序之间共享的打字稿库。为此，我将每个库作为自己的节点模块，并将库设置为发出其声明文件。

要测试我有一个文件的共享库设置：

的lib \ guid.ts

export class Guid {
    static EmptyGuid(): string {
        return '00000000-0000-0000-0000-000000000000';
    }
}

的lib \ tsconfig.json

{
  "compilerOptions": {
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,

    "module": "amd",
    "noEmitOnError": true,
    "removeComments": false,

    "target": "es5",
    "sourceMap": true,
    "declaration": true,

    "outFile": "./lib/lib-b.js"
  },
  "exclude": [
    "node_modules",
    "!node_modules/@types",
    "lib"
  ]
}

我最终得到的声明文件如下：

LIB \ LIB-b.d.ts

declare module "guid" {
    export class Guid {
        static EmptyGuid(): string;
    }
}

最后我将节点模块设置为包含输入信息：

的lib \的package.json

{
  "name": "lib-b",
  "version": "1.0.0",
  "description": "",
  "main": "./lib/lib-b.js",
  "typings": "./lib/lib-b.d.ts",
  "files": [
    "lib"
  ], 
  "author": "",
  "license": "ISC"
}

现在在使用该库的应用程序中，我使用npm：

应用\的package.json

{
  "name": "web-app",
  "version": "1.0.0",
  "description": "",
  "main": "./lib/index.html",  
  "author": "",
  "license": "ISC",
  "dependencies": {
    "lib-b": "file:../LibB"
  }
}

在其中一个文件中，我尝试使用这样的库：

import { Guid } from 'lib-b';

但是这给了我以下错误：

error TS2306: File '.../WebApp/node_modules/lib-b/lib/lib-b.d.ts' is not a module.

我一直在环顾四周，但是我找到的大多数例子都谈到为已经存在的JS库编写打字 - 我找不到很多关于使用现有打字稿代码中的声明文件的讨论。声明文件是否可以在其他应用程序中使用？有没有其他方法来构建可重用的打字稿库？

Answer 1

我最终得到的声明文件如下：

建议使用commonjs并遵循npm node_modules模式。您将获得如下文件：

export class Guid {
    static EmptyGuid(): string;
}

使用requirejs从共享库中声明的Typescript

的lib \ guid.ts

的lib \ tsconfig.json

LIB \ LIB-b.d.ts

的lib \的package.json

应用\的package.json

1 个答案:

更多