Неколку бандлови на скриптови во шаблонот во Webpack

Ако како резултат на градењето добиеме неколку бандлови, тогаш Webpack ќе ги поврзе секој од нив. Ајде да провериме. Нека имаме следните поставки:

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>

Направете три влезни точки. Извршете градење. Проучете ја датотеката на шаблонот и убедете се дека сите ваши бандлови се поврзани таму.