Output folder for compiled TypeScript
<p>I'm following a tutorial called THE HERO EDITOR, and it has me creating and editing TypeScript files in an <code>app</code> folder. The app uses a script <code>tsc -w</code>, where the <code>w</code> causes the <code>tsc</code> transpiler to output a new JavaScript file every time a TypeScript file fails. </p>

<p>This caused me some confusion for several minutes, because when I added a TypeScript class, the editor (Visual Studio Code) underlined the class name and told me it was a duplicate declaration. I saw the JavaScript file with the same name, but no sooner had I deleted it, the duplicate declaration, and thus the JS file, were back.</p>

<p>The script is declared in <code>package.json</code>:</p>

<pre><code>"scripts": {
    "start": "tsc &amp;&amp; concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
},
</code></pre>

<p>Where can I specify where compiled JavaScript goes? I doubt I can do it here, but I can only guess that I need a <code>grunt</code> or equivalent file, but then what do I do in that file, and do I remove the <code>tsc</code> entries from `package.js' once another file takes over?</p>