Бисёр бандлҳои скриптҳо дар макети Webpack

Агар дар натиҷаи сохтмон мо якчанд бандл ба даст орем, он гоҳ Webpack ҳар яке аз онҳоро пайваст мекунад. Биёed санҷем. Бигзор мо танзимоти зеринро дорем:

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>

Се нуқтаи дохилшави созед. Сохтмонро иҷро намоед. Файли макетро омӯзед ва боварӣ ҳосил кунед, ки ҳамаи бандлҳои шумо дар он ҷо пайваст шудаанд.