Can you remove a folder structure when copying files in gulp?

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.

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

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