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