Генерисање 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-ом. Проверите да ли вам се појавио фајл шаблона. Проучите његов изворни код. Отворите фајл у претраживачу.