如何更有效地编码? - 一项Gulp任务

Question

也许有人比我能回答的是Java脚本经验更多的人。到目前为止，我已经制作了副本＆amp;如课程所示，从" 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"));
});

该脚本的工作原理，但也许有一种更简单或更优雅的编码方式。

和优雅的我的意思是：有没有办法 MERGE USEMIN - 与 usemin-一起使用de ？

帮助您将不胜感激。预先感谢！

Answer 1

如果您在 gulp.src中使用了球（也就是说，如果使用通配符选择您要处理的gulp.task处理的文件），则源文件结构将一直保存通过gulp.dest。

要匹配app/index.html和app/de/index.html，您可以使用Glob './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（覆盖第一个输出文件）。

这是一个好的地球底漆，这是一个测试仪学习工具。

Answer 2

javascript >或 GULP 使您无法提取功能：

您的任务

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));
}