已编译TypeScript的输出文件夹

Question

我正在关注一个名为THE HERO EDITOR的教程,它让我在一个app文件夹中创建和编辑TypeScript文件.该应用程序使用一个脚本tsc -w,每次TypeScript文件失败时,w都会导致tsc转换器输出一个新的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或同等的文件,但是我该怎么办在那个文件中,并且tsc一旦另一个文件接管,我会从`package.js'中删除这些条目吗？

Answer 1

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

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

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

希望能帮助到你.快乐的编码......