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 иҷро кунед. Таҳқиқ кунед, ки файли макет барои шумо пайдо мешавад. Рамзи манбаи онро омӯзед. Файлро дар браузер кушоед.