如何配置tsconfig.json将文件从多个源文件夹输出到单个平面outDir？

Question

我有多个打字稿项目（例如client和server），它们共享一些常用功能（位于common文件夹中）。考虑这个文件夹结构：

+ client
|  - tsconfig.json
|  + src
|     - client.ts
+ common
   + src
      - util.ts

client.ts以这种方式导入实用程序：

import { Util } from '../../common/src/util';

为简洁起见，我省略了server文件夹，它与client处于同一级别。在转换到out文件夹之后，我想得到这个简单的平面文件夹结构：

+ client
|  + out
|     - client.js
|     - util.js

...理想情况下，我只需导入实际文件夹的常用实用程序不可知：

import { Util } from './util';

如何配置tsconfig.json来实现这一目标？

我尝试了rootDirs，baseUrl和paths的不同组合，但我仍然在client下获得common和src子文件夹（甚至包括他们的out子文件夹）。

Answer 1

我已经通过将公共库的链接放入两个源中来解决当前项目（具有相同设置）中的此问题。

common/
  src/
    lib/
client/
  src/
    lib/ -> $PROJECT_PATH/common/src/lib/
server/
  src/
    lib/ -> $PROJECT_PATH/common/src/lib/

编译和捆绑变得透明，因为工具将该目录视为本地目录。

Answer 2

现在我们支持Typescript 3.0中的项目引用（即多个Typescript项目的级联构建）。我们还可以控制tsc构建的输出位置。

https://blogs.msdn.microsoft.com/typescript/2018/07/30/announcing-typescript-3-0/#project-references

如果一个Typescript项目'bar'使用项目'foo'，下面是你如何链接它们：

// ./src/bar/tsconfig.json
{
    "compilerOptions": {
        // Needed for project references.
        "composite": true,
        "declaration": true,

        // Other options...
        "outDir": "../../lib/bar",
        "strict": true, "module": "esnext", "moduleResolution": "node",
    },
    "references": [
        { "path": "../foo" }
    ]
}

谢谢，TS伙计们！

Answer 3

截至目前，你不能。

我处于类似于你的情况，我环顾四周，但似乎无法使用TypeScipt配置更改此行为。

您可以做的最好的事情是在每次构建之后使用其他东西（Grunt任务，shell脚本......）来移动js文件并删除生成的文件夹。