What config is suitable for such a project structure?

Question

JavaScript

Tell me the config for a static project with such a structure, js files on ES6. The main problem I have is with pug files and compiling multiple pages and assembling from SCSS components into 1 normal minified CSS.
The source structure is:

src
  fonts
    HelveticaNeue.ttf
    HelveticaNeue.otf
  img
    logo.png
    burger.png
  scss
    common
      _layout.scss
    components
      _buttons.scss
    main.scss
  pug
    common
      _layout.pug
    components
      _buttons.pug
    index.pug
    about.pug

The structure of the dist folder is as follows:

dist
  fonts
    HelveticaNeue.ttf
    HelveticaNeue.otf
  img
    logo.png
    burger.png
  css
    main.css
  index.html
  about.html