gulp / webpack任務的輸出文件名

Question

我正在使用webpack-stream將webpack集成到gulp任務中，如下所示：

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之外，其他所有內容似乎都按預期工作。 在其他類似的問題中（例如， 如何使用gulp webpack-stream生成正確的命名文件？ ），我讀到它已通過在配置中指定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'));
    });