gulp/webpack 任务的输出文件名答案

【问题标题】：Output filename for gulp/webpack taskgulp/webpack 任务的输出文件名
【发布时间】：2016-08-04 20:16:54
【问题描述】：

我正在使用 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'} 可以有效地修复它，但您可以看到我正在这样做。

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

【问题讨论】：

标签： javascript gulp webpack

【解决方案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'));
    });

【讨论】：