Webpack-dev-serverは、ターゲットバンドルファイルにコンパイルするのではなく、src-fileの次にjsファイルを作成します。

Question

Webpackで角度2を設定するワークフローを設定する方法は、これまでのところtypescriptファイルをターゲットファイルにコンパイルします。 また、webpack-dev-serverは正常に動作し、srcファイルの1つに変更を加えるとターゲットファイルを自動的にコンパイルします。

しかし、それはターゲットファイルをコンパイルするだけでなく、dev-serverは変更されたsource-tsファイルのすぐ隣にjsファイルも作成します。私はsrcをきれいに保ちたいので、これはちょっと面倒です。任意のアイデアこれを防ぐ方法は？

var webpack = require('webpack'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = [{ 

name: 'angular', 
entry: './src/app/main.ts', 
output: { 
    path: './build/', 
    filename: 'js/app.bundle.js' 
}, 
module: { 
    loaders: [{ 
     test: /\.jade$/, 
     loader: 'raw!jade-html' 
    }, { 
     test: /\.ts$/, 
     loader: 'ts-loader' 
    }] 
}, 
resolve: { 
    extensions: ['', '.js', '.ts'] 
}, 
plugins: [ 
    new HtmlWebpackPlugin({ 
     template: './src/index.html', 
    }) 
] 

}]

Answer 1

あなたIDEは、コンパイルの一部を引き継ぐことができます：

これはwebpack.config.jsです。すべてのファイルはtypescriptですされているとの.jsファイルを持っていない場合は、また

"compileOnSave": false 

tsconfig.json

に、このようなラインを持っていることを確認してください。メインフォルダ src/appの* .jsファイルを無視することをお勧めします。あなたにラインを追加してください.Gitignore

app/src/**/*.js