Can you remove a folder structure when copying fil

问题:

If I use :

 gulp.src(['app/client/**/*.html'])
  .pipe(gulp.dest('dist'));

The folder structure in which my .html files were in, is maintained in the dist folder, but I would like to remove the folder structure completely and just a flat hierarchy in my dist folder.

回答1:

You could use gulp-rename to accomplish this:

var rename = require('gulp-rename');

gulp.src('app/client/**/*.html')
  .pipe(rename({dirname: ''}))
  .pipe(gulp.dest('dist'));

回答2:

You can use gulp-flatten https://www.npmjs.com/package/gulp-flatten

    app
    ├── logo
    │   └── logo.styl
    └── sidebar
        └── sidebar.styl
    

    var flatten = require('gulp-flatten');
    gulp.src('app/**/*.styl')
      .pipe(flatten())
      .pipe(gulp.dest('dist/'));
    

    dist
    ├── logo.styl
    └── sidebar.styl