title: Uncaught ReferenceError: exports is not defined and require
body: <p>I'm using angularjs and typescript to create some app, I'm having a trouble with this error that I can't solve</p>
  
  <p>Here is my *.ts code</p>
  
  <pre><code>export var NgApp = new application.Startup();
  
  ///&lt;reference path="../../../../../typings/tsd.d.ts"/&gt;
  import {NgApp} from "../../bootstrap";
  
  
  
  module views.components.home {
      export class HomeComponent {
          public constructor() {
          }
  
          public static factory():Function[] {
              return [
                  () =&gt; new HomeComponent()
              ]
          }
  
      }
  
  }
  
  NgApp.registerComponents(views.components.home,() =&gt; this.app.controller);
  </code></pre>
  
  <p>Here is my GULP task</p>
  
  <pre><code>let tsResult = gulp.src('src/**/*.ts').pipe(ts({
      module: 'commonjs',
      sourceMap: true
  }));
  
  let taskTs = tsResult.js.pipe(gulp.dest('built/'));
  </code></pre>
  
  <p>This is my error:
  Uncaught ReferenceError: exports is not defined</p>
  
  <p>The question is: How can I use import like es6 in typescript? What I am missing?</p>