时间戳

首页 > 解决方案 > 如何在 TypeScript 中将不同的文件编译到不同的文件夹？

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

问题描述

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

如何编译main.ts到js/文件夹和sw.ts目录root？能给我举个例子？

标签： typescript

解决方案

我在此页面的帮助下找到了解决方案：Projects References。

一步步

第一的

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

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

第二

最重要的是，您还必须将此选项添加compilerOptions到每个辅助 tsconfig.json文件中：

"composite": true

第三

此外，用于 "include"指向.ts该特定tsconfig.json将使用的每个文件：

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

或者

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

第四

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

  • tsc --build;
  • tsc -b //Alias for the above command;
  • tsc -w -b //Above command, including the option -w for watching changes recursively.

注意事项

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

推荐阅读