typescript - 如何在 TypeScript 中将不同的文件编译到不同的文件夹？

Question

想象一下:我有 main.ts 和 sw.ts。

如何将 main.ts 编译到 js/ 文件夹，将 sw.ts 编译到 root 目录？能举个例子吗？

Answer 1

我在这个页面的帮助下找到了解决方案:Projects References .

循序渐进

首先

对我有用的是为每个目录创建一个新的 tsconfig.json 文件。之后，您应该在 ma​​in tsconfig.json 中使用它:

"references": [
    { "path": "PATH/TO/EACH/OTHER/TSCONFIG.JSON/FILES" }
]

第二

除此之外，您还必须将此选项添加到每个secondaries tsconfig.json 的compilerOptions > 文件:

"composite": true

第三

此外，使用 “include” 指向特定 tsconfig.json 的每个 .ts 文件将使用:

"include": [
    "./homeWork.ts",
    "./myGame.ts"
]

或

"include": [
    "./*.ts" //Points to every .ts file inside that directory.
]

第四名

现在，您应该能够使用与主 tsconfig.json 相同的目录中的任何这些命令一次编译所有内容:

• tsc --build;
• tsc -b//上述命令的别名;
• tsc -w -b//上面的命令，包括用于递归观察变化的选项-w。

注意事项

• 请注意，使用这些命令，编译器将遍历每个 tsconfig.json 可能具有的每个引用；
• 这可能是避免 DOM 和 WebWorker 库之间发生冲突的好方法；
• 引用总是生成声明文件；
• 编译时间越来越慢，虽然我不知道这是我的错误还是自然的事情。