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

Question

即将使用 webpack 为 angular 设置工作流 2. 到目前为止一切正常，将 typescript 文件编译成目标文件。此外，webpack-dev-server 运行良好，并在我对其中一个 src 文件进行更改后立即自动编译目标文件。

但是：它不仅将其编译为目标文件，dev-server 还会在更改后的 source-ts 文件旁边创建一个 js 文件。这有点烦人，因为我想保持 src 干净。知道如何防止这种情况吗？

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

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

Webpack-dev-server creates js files next to src-file instead of compiling into target bundle-file

typescript

webpack

webpack-dev-server

angular