Генерацыя HTML макета ў Webpack

У папярэднім уроку мы ўсталявалі і падключылі HtmlWebpackPlugin. Цяпер пры зборцы ў нас аўтаматычна будзе генеравацца файл HTML макета і ў гэтым макеце аўтаматычна будуць падключаны скрыпты і стылі.

Давайце паспрабуем самы просты выпадак. Хай у нас ёсць адна кропка ўваходу:

export default {
	entry: './src/index.js',
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

У выніку пасля зборкі наш JavaScript сабярэцца ў бандл з імем main.js і гэты бандл будзе падключаны да аўтаматычна створанага макета сайта:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Webpack App</title>
		
		<script defer src="main.js"></script>
	</head>
	<body>
		
	</body>
</html>

Выканайце зборку з уключаным HtmlWebpackPlugin. Праверце, што ў вас з'яўляецца файл макета. Вывучыце яго зыходны код. Адкрыйце файл у браўзэры.