레이아웃에서 여러 스크립트 번들 사용하기 in 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>

세 개의 엔트리 포인트를 만드세요. 빌드를 수행하세요. 레이아웃 파일을 살펴보고 모든 번들이 연결되어 있는지 확인하세요.

← →

↑

한국어▼

Afrikaans Azərbaycan Български বাংলা Беларуская Čeština Dansk Deutsch Ελληνικά English Español Eesti Suomi Français हिन्दी Magyar Հայերեն Indonesia Italiano 日本語 ქართული Қазақ Кыргызча Lietuvių Latviešu Македонски Melayu မြန်မာ Nederlands Norsk Polski Português Română Русский සිංහල Slovenčina Slovenščina Shqip Српски Srpski Svenska Kiswahili Тоҷикӣ ไทย Türkmen Türkçe Ўзбек Oʻzbek Tiếng Việt

우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.

모두 수락 설정 거부