Question

我吞下了v3.9.1。使用像Directory Structure这样的目录结构（'app'是父目录）我想将所有“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/'));
});

使用gulp脚本移动html文件

1 个答案: