title: VS Code & Incremental Typescript Compiling
body: <p>I cannot find a clear information on the topic if I can get Typescript to just recompile the changed .ts files in Visual Studio Code. 
  I can run "tsc -w" (or via task) and "webpack --watch" and get everthing done, but tsc always rebuilds every file, thus triggering webpack to rebuild my whole project.
  As it is a growing angular2 project this consumes a lot of time.</p>
  
  <p>In Visual Studio 2015 typescript somehow manages (via compileOnSave: true option?) to only compile my changed file.</p>
  
  <p>Can I get that behavior in Visual Studio Code aswell?</p>
  
  <p>Thank you :)</p>
  
  <p>UPDATE: </p>
  
  <p>Apparently webpack alone should work, but somehow my config does not pick up changes on .ts files. Here is my webpack.config.js:</p>
  
  <pre><code>    /// &lt;binding /&gt;
  "use strict";
  var webpack = require('webpack');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var path = require('path');
  var CleanWebpackPlugin = require('clean-webpack-plugin');
  
  module.exports = {
      entry: {
          "polyfills" :  path.resolve("./wwwroot/app/base/polyfills"),
          "app": path.resolve("./wwwroot/app/base/main"),
          "vendor": path.resolve("./wwwroot/app/base/vendors")      
      },
      devtool: 'source-map',    
      output: {
          filename: "[name].bundle.js",
          chunkFilename: "[id].chunk.js",
          path: "./wwwroot/dist/",
          publicPath: "./dist/"
      },
      watch: true,   
      resolve: {       
          extensions: ['','.js','.ts']
      },
      module: {
          loaders: [
              //Typescript
             { test: /\.tsx?$/, loader: 'ts-loader' },
              // SASS
              {
                  test: /\.scss$/,
                  loaders: ['style','css','sass'],
                  exclude: '/node_modules/'
              },
        {
            test: /\.html$/,
            loader: 'html'
        },
              // Fonts &amp; Files
              {
                  test:  /\.(ttf|eot|txt|svg|woff(2)?)(\?[a-z0-9=&amp;.]+)?$/,
                  loader: 'file-loader' ,
                  exclude: '/node_modules/'
              }
          ]
      },
      plugins: [
      //new webpack.OldWatchingPlugin(),
          //new webpack.optimize.UglifyJsPlugin({
          //    compressor: {
          //        warnings: false
          //    }
          //}),
  
          new webpack.ProvidePlugin({
              $: "jquery",
              jQuery: "jquery"
          }),
           new webpack.optimize.CommonsChunkPlugin({
               name: ["app","vendor","polyfills"]
           }),
  
            new HtmlWebpackPlugin({
                template:  './wwwroot/index.html'
            })
      ]
  };
  </code></pre>
  
  <p>Node version: 4.5.0 / webpack 1.13.2 / ts-loader: 0.8.2 / Windows 10</p>