How to optimize the start template for layout?

Question

css

Friends, hello everyone. Now , to start the layout of any site, I use this template https://github.com/FARCER/work_template
Please tell me a few points
BrowserSync is not working properly. Is it possible to somehow solve this problem?
2. I saw in some templates that each task is placed in its own folder - how correct and useful is this? Where can you read about it?
3. How correct is the folder structure? I also saw templates, where a separate block is allocated almost for each section
4. Is it worth mastering webpack if the template is used only for frontend layout? Is the client given an archive with html and related files?
. Many thanks in advance for the answers! If you indicate links, then please (if possible) to Russian resources! Thanks again!

Answer 1

Apparently, you have not heard of scaffolding.
Put yeo man + yeogurt and don't *bi-mu-mu. And it's better in general on the Bem stack
Links:
yeoman.io
https://habrahabr.ru/post/246349/
And here is my favorite gene:
https://github.com/larsonjj/generator-yeogurt
Well, read about BEM here. True javascript needs a good one. If you rummage it badly - it's not worth it.
https://ru.bem.info/