Как разделить страницы(html, scss) по папкам в GULP?

Как собрать GULP так что бы каждая страница(html,scss) была в отдельной папке

• app
  
  • 
    page
    
    • index
      
      • index.html
        
      • index.scss
        
      
      
    • about
      
      • about.html
        
      • about.scss
        
      
      
    • ...
      
    
    
  
  
  
• 
  dist
  
  • ...
    
  
  

// ======================
// HTML
// ======================
gulp.task('html', function() {
return gulp.src(['app/page/**/*.html', '!app/page/__block/*.html'])
    .pipe(filesize())
    .pipe(plumber())
    .pipe(fileinclude({
        prefix: '@@',
        basepath: '@file'
    }))
    .pipe(notify("Found file: <%= file.relative %>!"))
    .pipe(gulp.dest('app/html/'))
    .pipe(reload({ stream:true }));
});
// ======================
// ======================

При запуске таска в папке app создается папка index и about с index.html и about.html
Как делать так что бы в папке dist были созданы только index.html и about.html?