使用gulp脚本移动html文件

Question

我已经吞噬了v3.9.1。有了这样的目录结构(‘Directory Structure’是父目录)，我想把我所有的"app/**/*.html“文件移到一个通用的'dist/html‘文件夹中。

    var gulp = require('gulp');
    var minifyHTML = require('gulp-minify-html');
    var changed = require('gulp-changed');
    gulp.task('compileHTML', function(){
        return gulp.src('app/**/*.{htm,html}')
          .pipe(changed('app/**/*.{htm,html}'))
          .pipe(minifyHTML())
          .pipe(gulp.dest('dist/html/'));
    });

我不希望保留目录结构(就像app中的目录结构)。我只需要把所有的html (显然来自不同的目录)放在一个地方，也就是直接'dist/html‘。关于跑步

    gulp compileHTML

在控制台上，我看到html文件随目录一起复制。请提供更正建议。

Answer 1

您可以使用gulp-rename将所有html放在一个文件夹中：

var gulp = require('gulp');
var minifyHTML = require('gulp-minify-html');
var changed = require('gulp-changed');
var rename = require('gulp-rename');

gulp.task('compileHTML', () => {
    return gulp.src('app/**/*.{htm,html}')
        .pipe(changed('app/**/*.{htm,html}'))
        .pipe(minifyHTML())
        .pipe(rename({dirname: ''}))
        .pipe(gulp.dest('dist/html/'));
});