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-ით. შეამოწმეთ, რომ გამოჩნდება მაკეტის ფაილი. გაეცანით მის საწყის კოდს. გახსენით ფაილი ბრაუზერში.