javascript - Intellij Idea - 将 Typescript 编译为 Javascript 并保留目录结构

Question

我试图让 Intellij Idea 在将 Typescript 编译为 Javascript 时保留目录结构。我的目录结构如下:

root
- ts
  - SomeClass1.ts
  - SomeFolder
    - AwesomeClass2.ts
- tsc

我希望生成的编译文件是:

root
- tsc
  - SomeClass1.js
  - SomeFolder
    - AwesomeClass2.js

这是我的 Typescript 配置:

但是，当尝试编译时，我在控制台中收到此错误:

• 如果我将“使用输出路径”设置为“tsc”，它可以工作，但目录结构消失了，导致 RequireJS 不再找到文件。
• 如果我将“使用输出路径”设置为“tsc\$FileDirRelativeToSourcepath$”，则会收到“无法读取未定义的属性‘替换’”。
• 如果我禁用“使用输出路径”并将“--outDir”与“命令行选项”一起使用，文件会编译到正确的目录中，但如果文件已更改，IntelliJ 将不再自动重新编译文件。<

更新，Nitzan Tomer 的解决方案:

在根目录下创建tsconfig.json:

{
  "compilerOptions": {
    "module": "amd",
    "target": "es5",
    "outDir": "tsc",
    "rootDir": "ts",
    "sourceMap": true,
    "declaration": true
  },
  "exclude": [
    "tsc"
  ]
}

并在 IntelliJ 中启用“use tsconfig.json”。

Answer 1

如果您使用tsconfig.json，您可以指定rootDir和outDir，如果您这样做，那么它将保留以下目录结构outDir 内编译版本中的 rootDir。

就您而言:

{
    "compilerOptions": {
        "outDir": "tsc",
        "rootDir": "ts",
        "sourceMap": true,
        "declaration": true
    }
}

将此文件作为 tsconfig.json 放置在您的 root 目录和 intellij/webstorm Enable Typescript Compiler 中，然后使用 tsconfig .json.