Gulp 狼吞虎咽会产生错误的输出

Gulp 狼吞虎咽会产生错误的输出,gulp,gulp-uglify,gulp-useref,Gulp,Gulp Uglify,Gulp Useref,我正在尝试运行任务来缩小index.html中的大小和其他内容: gulp.task('bundle', function(){ var assets = useref.assets(); var autoprefixerConfig = { browsers: ['last 2 versions', '> 4%', '> 4% in BR'], cascade: false }; return gulp.src('s

我正在尝试运行任务来缩小index.html中的大小和其他内容:

gulp.task('bundle', function(){
    var assets = useref.assets();
    var autoprefixerConfig = {
        browsers: ['last 2 versions', '> 4%', '> 4% in BR'],
        cascade: false
    };

    return gulp.src('src/*.html')
        .pipe(assets)
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', autoprefixer(autoprefixerConfig), minifyCss()))
        .pipe(assets.restore())
        .pipe(useref())
        .pipe(minifyHtml())
        .pipe(gulp.dest('dist'));
});
但是所有的Javascript(如bootstrap.js、respond.js…)在输出文件中似乎都是错误的


我做错了什么?

我为minifyHtml创建了一个单独的任务,这就解决了问题


多亏了@mitogh和@entre

,我建议将任务分解为单个任务,例如一个用于minify js,一个用于minify html,这样也更容易调试。您可以使用数组作为任务的第二个参数,使用回调作为第三个参数来指定任务的依赖关系。我同意@mitogh的观点,javascript缩编有单独的任务,css有另一个任务。。。并将其作为最终任务的依赖项