已编译 TypeScript 的输出文件夹

Question

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

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

脚本声明于package.json:

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

我在哪里可以指定编译的 JavaScript 去哪里？我怀疑我能在这里做到这一点，但我只能猜测我需要一个 grunt 或等效文件，但是我在该文件中做了什么，我是否从 `[ 中删除了 tsc 条目=26=]' 一旦另一个文件接管？

Answer 1

据我所知，编译后的ts文件保存在与ts文件相同的文件夹中。

Answer 2

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

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

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

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

已编译 TypeScript 的输出文件夹

Output folder for compiled TypeScript

javascript

angularjs

gruntjs