javascript - 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。在其他类似的问题(例如 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'));
    });