Webpack-dev-server erstellt js-Dateien neben src-Datei, anstatt in Zielbündel-Datei zu kompilieren

Question

Über einen Workflow mit Webpack für eckige 2 einzurichten. Alles funktioniert gut bis jetzt Kompilieren der Typoskript-Dateien in eine Zieldatei. Auch der webpack-dev-server läuft gut und autocompiliert die Zieldatei als soons wenn ich Änderungen an einer der src-Dateien mache.

Aber: Es kompiliert nicht nur die Zieldatei, dev-server erstellt auch eine js-Datei direkt neben der geänderten source-ts-Datei. Das ist ein bisschen nervig, da ich den src sauber halten möchte. Irgendeine Idee, wie man das verhindern kann?

Dies ist die webpack.config.js:

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

Sie IDE über einen Teil der Zusammenstellung nehmen konnte. Stellen Sie sicher, dass Sie eine solche Linie auf tsconfig.json haben

"compileOnSave": false 

Auch wenn alle Dateien Typoskript sind und haben keine Js-Dateien. Es ist eine gute Übung, * .js-Dateien im Hauptordner src/app zu ignorieren. Fügen Sie die Zeile hinzu .gitignore

app/src/**/*.js