gulp任务执行顺序问题?

Question

这里我想把app/js目录里面两个js文件合并起来,输出到dist/js目录里就是 index.js文件,然后我再建了一个压缩的任务,在dist/js找所有的文件并压缩成带 .min 的js文件,求问我执行下面代码只有 index.js 生成,压缩的任务却没有完成,求解

gulp.task('concat-js', function () {
    gulp.src(['app/js/index.js','app/js/index02.js'])  
    .pipe(concat('index.js'))  
    .pipe(gulp.dest('dist/js'));
});

gulp.task('uglify',['concat-js'],function () {
    gulp.src(['dist/js/*.js'])  
    .pipe(uglify())
    .pipe(rename('index.min.js'))  
    .pipe(gulp.dest('dist/js'));
});

Answer 1

加个 return 就好或者用 run-sequence

gulp.task('concat-js', function () {
   return gulp.src(['app/js/index.js','app/js/index02.js'])  
    .pipe(concat('index.js'))  
    .pipe(gulp.dest('dist/js'));
});

gulp.task('uglify',['concat-js'],function () {
    return gulp.src(['dist/js/*.js'])  
    .pipe(uglify())
    .pipe(rename('index.min.js'))  
    .pipe(gulp.dest('dist/js'));
});

Answer 2

gulp-sequence会帮到你

Answer 3

gulp.task('scripts', function() {
    gulp.src('./js/*.js')
        .pipe(concat('all.js'))
        .pipe(gulp.dest('./dist'))
        .pipe(rename('all.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist'));
});

scripts任务会合并js/目录下得所有得js文件并输出到dist/目录，然后gulp会重命名、压缩合并的文件，也输出到dist/目录。
给个案例你自己去好改吧