javascript - TypeScript - 导入文件并编译成一个文件

Question

我是 TypeScript 的新手，我的 api 命名空间 api.ts 文件中有一个函数可以连接到我的 api:

namespace api
{
    export function connect() : boolean
    {
        return false;
    }
}

这是我的test.ts

的内容

///<reference path="api.ts"/>
api.connect();

TypeScript 将其编译为两个文件:api.js 和 test.js。是否可以将它编译成一个名为 test.js 的文件，但编译 otherPage.ts 到单独的包中 ？

注意:

这是我的文件结构:

- test.ts
- api.ts
- otherPage.ts

这是期望的输出:

- test.js (api.ts and test.ts compiled into one file)
- otherPage.js

这是我为自动编译文件而运行的命令:tsc --watch。我更喜欢一种解决方案，在这种解决方案中，我不必针对要包含的文件更改此命令。

我在多个文件中使用 api.ts，因此创建一个 ts 文件不适合我。

临时解决方法:

作为临时解决方法，我在所有文件中都包含了 api.ts。这对我来说不是什么大问题，因为在将 TypeScript 编译为 JavaScript 之后，我使用 Google Closure Compiler 编译了 javascript 文件。

我正在使用 Visual Studio Code，所以我可以在我的 tasks.json 中自动执行此操作:

{
    "version": "0.1.0",
    "command": "tsc",
    "showOutput": "silent",
    "windows": {
        "command": "tsc.cmd"
    },
    "args": 
    [
        "res/ts/modules/api.ts",
        "${file}",
        "--outFile", "res/js/${fileBasenameNoExtension}.js",
        "--listFiles", "true"
    ],
    "problemMatcher": "$tsc"
}

按 ctrl + b 来执行它。

Answer 1

您需要在 tsconfig.json 中使用 --outFile 选项:

  "compilerOptions": {
      "outFile": "dist/output.js"
  }

或者像这样传递给编译器:

tsc test.ts --outFile dist/output.js