How to make a quality and extensible product using pug, webpack?

Question

JavaScript

The question is to those who use this stack and are familiar with it. How to write websites / applications using pug, native js without frameworks and react, mb bam and webpack, so that it is of high quality and extensible? Adequate modularity is also needed so that only the necessary blocks are connected to each page (in the case of a multi-page site), and not a sheet of styles (and without import footcloths, it is desirable). If possible - give links to finished projects made in a similar way or articles.

Answer 1

A strange question - to make a high-quality and extensible project, you need to make it high-quality and lay out extensibility.
For more specific answers, you need more specifics in the question.
"Adequate modularity" is built into webpack and the language, the rest depends solely on how you use it.
Break the application into chunks and download only the ones you need. support for this is again in webpack, start here https://webpack.js.org/guides/code-splitting/
if you want to load css separately, https://webpack.js.org/plugins/mini-css can help -extract-plugin/
but I would not recommend doing this from the word at all.
bam is no longer as relevant as it used to be. but again, if you want - take it and use it.
css modules to help you.

Answer 2

Pug makes templates. CMS was invented for dynamic sites.