我怎样才能更有效地编码？ - 一个吞咽任务

Question

也许有人比我有更多的Java脚本经验可以回答这个问题。到目前为止，我已经在'usemin'块中复制了&粘贴，如课程中所示。这里是代码：

gulp.task('useminTrigger', ['deleteDistFolder'], function() { 
    gulp.start("usemin", "usemin-de"); 
}); 

gulp.task('usemin', ['styles', 'scripts'], function() { 
    return gulp.src("./app/index.html") 
    .pipe(usemin({ 
     css: [function() {return rev()}, function() {return cssnano()}], 
     js: [function() {return rev()}, function() {return uglify()}] 
    })) 
    .pipe(gulp.dest("./dist")); 
}); 

gulp.task('usemin-de', ['styles', 'scripts'], function() { 
    return gulp.src("./app/de/index.html") 
    .pipe(usemin({ 
     css: [function() {return rev()}, function() {return cssnano()}], 
     js: [function() {return rev()}, function() {return uglify()}] 
    })) 
    .pipe(gulp.dest("./dist/de")); 
}); 

该脚本的工作原理应该是这样，但也许有一个更容易或更优雅的方式来编码。

并以优雅的我的意思是：有没有办法来合并的usemin - 阻塞与usemin德在一起吗？

帮助将非常感激。提前致谢！

Answer 1

如果您使用您gulp.src（也就是说，如果你使用通配符来选择您想要的gulp.task处理的文件），源文件结构将被保留，所有的方式通过globgulp.dest。

为了配合刚app/index.html和app/de/index.html你可以使用水珠'./app/{,de}/index.html'（它也将努力使用'./app/{,de/}index.html'或'./app/{.,de}/index.html'）。

那么你的任务是

gulp.task('usemin', ['styles', 'scripts'], function() { 
    return gulp.src('./app/{,de}/index.html') 
    .pipe(usemin({ 
     css: [function() {return rev()}, function() {return cssnano()}], 
     js: [function() {return rev()}, function() {return uglify()}] 
    })) 
    .pipe(gulp.dest("./dist")); 
}); 

这一个任务将采取./app/index.html和./app/de/index.html的源文件和将输出文件./dist/index.html和./dist/de/index.html。

请注意，使用glob是必要的 - 如果你只是做了gulp.src(['./app/index.html','./app/de/index.html'])相关的文件结构将不会被保留。 ./app/index.html的处理版本将被写入./dest/index.html，然后处理后的版本./app/de/index.html将被写入./dest/index.html（覆盖第一个输出文件）。

这是一个很好的glob primer，这里是一个tester learning tool。

Answer 2

中没有任何的Javascript或咕嘟咕嘟让你从提取功能：

您的任务

gulp.task('useminTrigger', ['deleteDistFolder'], function() { 
    gulp.start("usemin", "usemin-de"); 
}); 

gulp.task('usemin', ['styles', 'scripts'], function() { 

    return createMinificationPipe("./app/index.html", "./dist"); 
}); 

gulp.task('usemin-de', ['styles', 'scripts'], function() { 
    return createMinificationPipe("./app/de/index.html", "./dist/de"); 
}); 

常用功能

function createMinificationPipe(src, dest){ 
    return gulp.src(src) 
     .pipe(usemin({ 
      css: [function() {return rev()}, function() {return cssnano()}], 
      js: [function() {return rev()}, function() {return uglify()}] 
     })) 
     .pipe(gulp.dest(dest)); 
}