gulp/webpack任务的输出文件名

Question

我正在使用webpack流将webpack集成到一个吞咽的任务中，如下所示：

var gulp = require("gulp");
// var webpack = require('gulp-webpack');
var webpack = require('webpack-stream');

gulp.task("min:webpack",
    function () {
        return gulp.src('./App/App.js')
         .pipe(webpack({
             // watch: true,
             module: {
                 entry: './App/App.js',
                 output: {
                     filename: 'App.bundle.js'
                 },
                 devtool: 'source-map'
             }
         }))
        .pipe(gulp.dest('./App'));
    });

除了输出文件总是类似于6f7af85206d7f2f6536d.js而不是预期的App.bundle.js之外，一切看起来都像预期的那样正常工作。在其他类似的问题(例如，How to use gulp webpack-stream to generate a proper named file?)中，我读到通过在配置中指定output: { filename: 'something'}有效地修复了它，但是您可以看到我正在这样做。

有什么建议吗？有什么我忽略的吗？

Answer 1

好吧我犯了个愚蠢的错误。我不正确地指定了配置。此配置如预期的那样工作：

gulp.task("min:webpack",
    function () {
        return gulp.src('./App/App.js')
         .pipe(webpack({
             // watch: true,
             entry: './App/App.js',
             output: {
                 filename: 'App.bundle.js'
             },
             devtool: 'source-map'
         }))
        .pipe(gulp.dest('./App'));
    });