2

当我运行gulp scripts时, all.js 和 all.min.js 最终都会缩小。有人知道为什么会这样吗?

gulp.task("scripts", function() {

    var concatted = gulp.src(['js/first.js', 'js/second.js'])
                        .pipe(concat('all.js'));

    // output concatenated scripts to js/all.js
    concatted.pipe(gulp.dest('js'));

    // minify concatenated scripts and output to js/all.min.js
    concatted.pipe(uglify())
             .pipe(rename('all.min.js')
             .pipe(gulp.dest('js'))

});
4

2 回答 2

3

问题就在这里

// output concatenated scripts to js/all.js
concatted.pipe(gulp.dest('js'));

您没有将修改后的流返回到concatted.

您可以将其更改为

// output concatenated scripts to js/all.js
concatted = concatted.pipe(gulp.dest('js'));

但这也可以按预期工作

gulp.task("scripts", function() {
    return gulp.src(['js/first.js', 'js/second.js'])
        .pipe(concat('all.js'))
        .pipe(gulp.dest('js'))
        .pipe(uglify())
        .pipe(rename('all.min.js')
        .pipe(gulp.dest('js'));
});
于 2015-06-26T02:38:53.787 回答
0

发生的事情是您正在连接两个脚本

var concatted = gulp.src(['js/first.js', 'js/second.js'])
                    .pipe(concat('all.js'));
                    // Both scripts are now in 'all.js'

在缩小它们之前

concatted.pipe(uglify())
         .pipe(rename('all.min.js')
         .pipe(gulp.dest('js'))

一种可能的解决方案可能是:

gulp.src('js/first.js')
    .pipe(uglify())
    .pipe(rename('all.min.js'))
    .pipe(gulp.dest('js'));

希望能帮助到你。

于 2015-06-25T23:00:49.883 回答