首页 文章

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

提问于
浏览 次
0

即将使用webpack for angular 2设置工作流程 . 到目前为止，一切正常，将打字稿文件编译成目标文件 . 此外，webpack-dev-server运行良好，并将目标文件自动编译为soons，因为我对其中一个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',
    })
]

}]

typescript angular webpack webpack-dev-server

1 回答

  • 4

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

    "compileOnSave": false

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

    app/src/**/*.js
    回复于

相关问题