gulp / webpack任务

时间:2016-04-13 15:43:03

标签: javascript gulp webpack

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

有什么建议吗?我忽略了什么?

1 个答案:

答案 0 :(得分: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'));
    });