How to split pages(html, scss) into folders in GULP?

Question

JavaScript

How to build GULP so that each page (html, scss) is in a separate folder

• 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 }));
});
// ======================
// ======================

When the task is launched, an index and about folder is created in the app folder with index.html and about.html
How to make sure that only index.html and about.html are created in the dist folder?

Answer 1

The .scss file must be shared across all pages. And lie along the path app/sass/
Then there will be no need to pervert with the paths.