VS-Code und inkrementelle Typoskripterstellung

Question

Ich kann keine klaren Informationen zu dem Thema finden, wenn ich Typescript abrufen kann, um die geänderten .ts-Dateien in Visual Studio Code neu zu kompilieren. Ich kann "tsc -w" (oder über Task) und "webpack --watch" laufen lassen und alles fertig machen, aber tsc baut immer jede Datei neu auf und löst damit aus, dass Webpack mein gesamtes Projekt neu erstellt. Da es sich um ein wachsendes angular2-Projekt handelt, verbraucht dies viel Zeit.

In Visual Studio 2015 verwaltet typescript irgendwie (über compileOnSave: true Option?) Nur meine geänderte Datei zu kompilieren.

Kann ich dieses Verhalten auch in Visual Studio Code bekommen?

Danke :)

UPDATE:

Offenbar webpack allein arbeiten sollte, aber irgendwie meine Config nicht abholen Änderungen auf .ts-Dateien. Hier ist meine webpack.config.js:

/// <binding /> 
"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 & Files 
      { 
       test: /\.(ttf|eot|txt|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/, 
       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' 
      }) 
    ] 
}; 

Node-Version: 4.5.0/webpack 1.13.2/ts-loader: 0.8.2/Windows-10

Answer 1

und „webpack --watch "und bekommen das Everthing getan, aber tsc umbaut immer jede Datei, so webpack auslösenden mein ganzes Projekt

Sie sollten nicht tsc -w mit webpack verwenden, um wieder aufzubauen. Verwenden Sie einfach ts-loader und Webpack wird schrittweise gut kompilieren.

Mehr

Schnellstart: https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html