title: Why is the TypeScript compiler ignoring tsconfig.json?
body: <p>I have this file, pasted from a tutorial (and let's face it, the disparity between docs, tuts, and examples is astounding):</p>
  
  <p>/scripts/tsconfig.json:</p>
  
  <pre><code>{
      "compilerOptions": {
          "emitDecoratorMetadata": true,
          "experimentalDecorators": true,
          "module": "commonjs",
          "noEmitOnError": true,
          "noImplicitAny": false,
          "outDir": "../wwwroot/appScripts/",
          "removeComments": false,
          "sourceMap": true,
          "target": "es5",
          "moduleResolution": "node"
      },
      "exclude": [
          "node_modules",
          "typings/index",
          "typings/index.d.ts"
      ]
  }
  </code></pre>
  
  <p>Options are set to compile on save, but whenever I save a TypeScript file, the JavaScript output ends up 'under', or 'attached to', the source file:</p>
  
  <pre><code>TypeScript
  |
  --test.ts 
      |
      --test.js
  </code></pre>
  
  <p>, and that is physically in the same directory as the source, <code>/TypeScript</code>. If <code>tsconfig.json</code> is missing, the compiler complains, but when it's present, and it definitely is, the compiler ignores the <code>"outDir": "../wwwroot/appScripts/"</code> setting.</p>
  
  <p>I am really to new to Gulp, but the Gulp task looks OK to me:</p>
  
  <pre><code>var tsProject = ts.createProject('scripts/tsconfig.json');
  gulp.task('ts', function (done) {
      //var tsResult = tsProject.src()
      var tsResult = gulp.src([
              "scripts/*.ts"
      ])
          .pipe(ts(tsProject), undefined, ts.reporter.fullReporter());
      return tsResult.js.pipe(gulp.dest('./wwwroot/appScripts'));
  });
  </code></pre>