Webpack හි HTML පිරිසැලසුමක් ජනනය කිරීම

කලින් පාඩමේ දී අපි 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 සක්‍රිය කර එකතු කිරීම සිදු කරන්න. ඔබට පිරිසැලසුම් ගොනුව පෙනෙන බව පරීක්ෂා කරන්න. එහි මූලාශ්‍ර කේතය අධ්‍යයනය කරන්න. ගොනුව බ්‍රව්සරයකින් විවෘත කරන්න.