Question

关于使用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',
    })
]

}]

Answer 1

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

content-single-product.php

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

src/app

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

1 个答案: