已編譯TypeScript的輸出文件夾

我正在學習一個名爲THE HERO EDITOR的教程，它讓我在app文件夾中創建和編輯TypeScript文件。該應用程序使用腳本tsc -w，其中w導致tsc轉譯程序在每次TypeScript文件失敗時都輸出新的JavaScript文件。已編譯TypeScript的輸出文件夾

這引起了我幾分鐘的困惑，因爲當我添加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條目？

來源

2016-08-23 ProfK

我們可以控制我們編譯的JavaScript與"compilerOptions""outDir「參數的幫助下我們tsconfig.json文件中去。

我也使用Visual Studio代碼，我通常創建我tsconfig.json文件在項目的根目錄。下面是一個例子，在這裏我想我編譯的JavaScript裏面去"src/ts-out/"目錄

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

希望它可以幫助。快樂編碼...

來源

2017-02-25 19:12:58

據我所知，編譯後的ts文件與ts文件保存在同一個文件夾中。

來源

2016-08-23 08:36:20 marcokreeft

默認情況下，是的，但我幾乎肯定有一種方法來指定目標文件夾。 – ProfK

'tsc'命令行有'--outDir'和'--outFile'選項，但我沒有機會正確測試它們。當我沒有使用命令行，而是'tsconfig.json'，''outDir'：「./TestOut」'時，它沒有什麼區別。這些選項列在這裏：https://www.typescriptlang.org/docs/handbook/compiler-options.html – ProfK

已編譯TypeScript的輸出文件夾

回答

相關問題