Webpackтегин өз макет файлыңыз

Иш жүзүндө бизде көбүнчө сайттын өз HTML макети бар болот. Бул учурда бизге Webpackтин өзүнүн макети эмес, биздин макетти колдонушу керек. Келгиле, бул кантип жасалганын көрөлү.

Бизде төмөнкү макет бар дейли:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Менин макетим</title>
	</head>
	<body>
		
	</body>
</html>

Webpackти биздин макетти алууга милдеттени. Бул үчүн төмөнкү орнотууга жазабыз:

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

Натыйжада чогулттудан кийин dist папкасында биздин макет болот жана ага автоматтык түрдө бардык бандлдар туташтырылат:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Менин макетим</title>
		
		<script defer src="main.js"></script>
	</head>
	<body>
		
	</body>
</html>

Өз макетиңизди жасаңыз. Webpackти өз макетиңизди алуу үчүн орнотуңуз.