title: How can I compile my Typescript into a single JS file with no module loading system?
body: <p>I have a small Typescript project of about 10 <code>ts</code> files. I want to compile all my files into <code>es5</code> and into a single <code>es5</code> file called <code>all.js</code>.</p>
  
  <p>Currently, with my <code>tsconfig.json</code> set up as </p>
  
  <pre><code>{
    "compilerOptions": {
      "module": "system",
      "target": "es5",
      "outFile": "./all.js"
  }
  </code></pre>
  
  <p>everything is getting compiled, but each file is being wrapped by </p>
  
  <pre><code>System.register("SomeTSFile", [], function(exports_4, context_4) {
  ...
  }
  </code></pre>
  
  <p>SystemJS looks cool but I am not in the mood to learn it now and I don't believe it is necessary. If I could get all my JS into one file, that will be perfectly sufficient for my needs. </p>
  
  <p>If I remove <code>"module": "system",</code>from my compiler options, my <code>all.js</code> file comes out completely blank. Apparently, this is because for some reason, <a href="https://www.typescriptlang.org/docs/handbook/compiler-options.html" rel="noreferrer">you cannot use <code>"modules": none</code> when outputting to one file</a>. (I don't get why)</p>
  
  <p><strong>How can I compile all the TS into one JS file without having to involve SystemJS or any other complications?</strong></p>