Webpack-dev-server在src文件旁边创建js文件，而不是编译成目标文件夹

Question

关于用angularpack设置webpack的工作流2.目前为止，一切正常，可以将打字稿文件编译成目标文件。 另外，webpack-dev-server运行良好，并且自动地编译目标文件，就像我对其中一个src文件进行更改一样。

但是：它不仅将它编译为目标文件，dev-server还会在更改后的source-ts文件旁边创建一个js文件。这有点烦人，因为我想保持清洁。任何想法如何防止这一点？

这是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

您IDE可能会接管一些汇编。确保你在tsconfig.json上有这样一行

"compileOnSave": false 

此外，如果你所有的文件都是打字稿，没有.js文件。忽略主文件夹src/app中的* .js文件是一种很好的做法。将该行添加到您的.gitignore

app/src/**/*.js