वेबपैक में लेआउट में कई स्क्रिप्ट बंडल

यदि बिल्ड के परिणामस्वरूप हमारे पास कई बंडल बनते हैं, तो वेबपैक प्रत्येक को जोड़ देगा। आइए जांच करते हैं। मान लें कि हमारे पास निम्नलिखित सेटिंग्स हैं:

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>

तीन एंट्री पॉइंट बनाएं। बिल्ड करें। लेआउट फ़ाइल का अध्ययन करें और सुनिश्चित करें कि आपके सभी बंडल इसमें जुड़े हुए हैं।