VSコードとインクリメンタルTypescriptコンパイル

Question

Visual Studioコードで変更された.tsファイルを再コンパイルするためにTypescriptを取得できるかどうかについては、明確な情報が見つかりません。 私は "tsc -w"（またはタスクを介して）と "webpack - watch"を実行して何かを完了できますが、tscは常にすべてのファイルを再構築し、webpackを起動してプロジェクト全体を再構築します。 ang2プロジェクトが増えているので、これは多くの時間を消費します。

Visual Studio 2015では、どのようにして（compileOnSave：trueオプションを使用して）変更したファイルのみをコンパイルするかを管理します。

Visual Studioコードでその動作を確認できますか？

ありがとうございました:)

UPDATE：

どうやらWebPACKの一人で作業をする必要がありますが、どういうわけか私の設定は.TSファイルに変更をピックアップしていません。ここに私の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' 
      }) 
    ] 
}; 

ノードのバージョン：4.5.0/WebPACKの1.13.2/TS-ローダー：0.8.2/Windowsの10

Answer 1

と「WebPACKの--watch 「したがって、私のプロジェクト全体のWebPACKと

あなたは使用しないでくださいtsc -wに再構築するためのWebPACKをトリガー、everthing行われ得るが、TSCは、常にすべてのファイルを再構築します。ちょうどts-loaderを使用し、webpackはインクリメンタルにコンパイルします。

もっと

クイックスタート：https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html