已编译 TypeScript 的输出文件夹答案

【问题标题】：Output folder for compiled TypeScript已编译 TypeScript 的输出文件夹
【发布时间】：2016-08-23 08:32:34
【问题描述】：

我正在学习一个名为 THE HERO EDITOR 的教程，它让我在 app 文件夹中创建和编辑 TypeScript 文件。该应用程序使用脚本tsc -w，其中w 导致tsc 转译器在每次TypeScript 文件失败时输出一个新的JavaScript 文件。

这让我困惑了几分钟，因为当我添加一个 TypeScript 类时，编辑器（Visual Studio Code）在类名下划线并告诉我这是一个重复的声明。我看到了同名的 JavaScript 文件，但我刚删除它，重复的声明和 JS 文件又回来了。

脚本声明在package.json:

"scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
},

我在哪里可以指定编译后的 JavaScript 的去向？我怀疑我可以在这里做到这一点，但我只能猜测我需要一个grunt 或等效文件，但是我在该文件中做什么，我是否从“package.js”中删除tsc 条目一次另一个文件接管？

【问题讨论】：

标签： javascript angularjs gruntjs

【解决方案1】：

我们可以借助tsconfig.json 文件中"compilerOptions" 的"outDir 参数来控制编译后的javascript 的去向。

我也在使用 Visual Studio Code，我通常在项目根目录中创建我的 tsconfig.json 文件。这是一个示例，我希望我编译的 javascript 进入 "src/ts-out/" 目录

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true,
        "outDir": "src/ts-out/"
    }    
}

希望对您有所帮助。快乐编码...

【讨论】：

【解决方案2】：

据我所知，编译后的ts文件和ts文件保存在同一个文件夹中。

【讨论】：

默认情况下是的，但我几乎可以肯定有一种方法可以指定目标文件夹。
--outDir 和 --outFile 命令行选项有 tsc 选项，但我没有机会正确测试它们。当我不使用命令行而是tsconfig.json，作为"outDir": "./TestOut" 时，它并没有什么不同。此处列出了选项：typescriptlang.org/docs/handbook/compiler-options.html