What is the best tactic for a frontend build?

Question

Web development

I think on the topic "How to properly and beautifully build a frontend?"
1) 3 files

• app.js - all js of the project except the vendor one
  
• vendor.js - all js vendors
  
• style.css - all css of the project
  

2) Everything in one js file, even styles (WebPack seems to be pushing for this option)
3) The main vendors (jquery, bootstrap) are connected via CDN, build the rest as in point 1)
4) Divide the project into:

• core.js - the main js of the project
  
• Page dependent js code - one file per page
  

Answer 1

2) Does not push, but does so by default. There is a plugin that saves css to an external file - use it in production mode.