บริบทของจุดเข้าใน Webpack

โดยทั่วไปแล้วไฟล์โปรเจกต์จะอยู่ ในโฟลเดอร์ใดโฟลเดอร์หนึ่ง ในกรณีของเราคือ src ส่งผลให้ ในทุกเส้นทางเราจำเป็นต้อง ระบุโฟลเดอร์นี้:

export default {
	entry: [
		'./src/test1.js',
		'./src/test2.js'
	],
};

ด้วยคำสั่ง context คุณสามารถระบุเส้นทางไปยังโฟลเดอร์ทั่วไป ของโปรเจกต์ได้ ในกรณีนี้เส้นทางของจุดเข้า จะง่ายขึ้น:

export default {
	context: path.resolve('src'),
	entry: [
		'./test1.js',
		'./test2.js'
	],
};

ทำให้เส้นทางต่อไปนี้ง่ายขึ้น:

export default {
	entry: [
		'./src/test1.js',
		'./src/test2.js',
		'./src/test3.js',
	],
};

ทำให้เส้นทางต่อไปนี้ง่ายขึ้น:

export default {
	entry: {
		f1: './src/test1.js',
		f2: './src/test2.js',
		f3: './src/test3.js',
	},
};