Can you remove the folder structure when copying files to gulp?

Question

If I use:

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

The folder structure where my .html files were located is stored in the dist folder, but I would like to completely remove the folder structure and only the flat hierarchy in my dist folder.

Answer 1

You can use gulp-rename to accomplish this:

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

Answer 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