වෙබ්පැක් හි මැකටයකට බහු ස්ක්‍රිප්ට් බන්ඩල් කිහිපයක්

අපගේ එකතු කිරීමේ ප්‍රතිඵලයක් ලෙස බන්ඩල් කිහිපයක් ලැබෙන්නේ නම්, වෙබ්පැක් ඒවායින් එක් එක් සම්බන්ධ කරනු ඇත. අපි එය පරීක්ෂා කර බලමු. අපට පහත සැකසුම් ඇතැයි සිතමු:

export default {
	context: path.resolve( 'src'),
	entry: {
		test1: './test1.js',
		test2: './test2.js'
	},
	output: {
		filename: '[name].build.js',
		path: path.resolve('dist'),
	},
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

එකතු කිරීමෙන් පසු, මැකට් ගොනුවට අපගේ බන්ඩල් දෙකම සම්බන්ධ වනු ඇත:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Webpack App</title>
		
		<script defer src="test1.build.js"></script>
		<script defer src="test2.build.js"></script>
	</head>
	<body>
		
	</body>
</html>

ඇතුළුවීමේ ස්ථාන තුනක් සාදන්න. එකතු කිරීම ක්‍රියාත්මක කරන්න. මැකට් ගොනුව අධ්‍යයනය කර ඔබගේ සියලුම බන්ඩල් එහි සම්බන්ධ කර ඇති බවට විශ්වාස කරන්න.