Javascript-форум - Как правильно организовать подключение скриптов?

Здравствуйте уважаемые разработчики. Хочу узнать ваше мнение на следующий вопрос. Как на ваш взгляд правильно подключать скрипты на страницу. Например, есть обычный многостраничный сайт. Сборка осуществляется webpack. Как более правильно, сделать одну точку входа, и чтобы собирался один bundle.js, в котором будут все классы и подключать его на все страницы, например:
index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="/styles.css">
</head>

<body>
	<div class="app">
		<h1>Index page</h1>
	</div>
	<script src="/bundle.js"></script>
</body>

</html>

pages.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="/styles.css">
</head>

<body>
	<div class="app">
		<h1>Projects page</h1>
	</div>
	<script src="/bundle.js"></script>
</body>

</html>

И на остальных страницах аналогично.
Или же более правильно разделить точки входа и для каждой страницы сделать свой файл с используемыми на этой странице скрипами.
Очень хотелось бы узнать ваше мнение.