ปลั๊กอินใน Webpack

Webpack ดำเนินการงานในขอบเขตที่จำกัด เพื่อขยายขีดความสามารถ จำเป็นต้องติดตั้งและเชื่อมต่อ ปลั๊กอินเพิ่มเติม

ลองมาดูอัลกอริทึมทั่วไป สำหรับการติดตั้งและการเชื่อมต่อปลั๊กอิน สมมติว่าเรามี ปลั๊กอินสมมติ test-webpack-plugin ลองพิจารณาการทำงานกับปลั๊กอิน โดยใช้ตัวอย่างของมัน (โค้ดด้านล่างเป็นเพียงแผนภาพ เนื่องจากในความเป็นจริงไม่มีปลั๊กอินดังกล่าว)

ดังนั้น ก่อนอื่นจำเป็นต้องติดตั้งปลั๊กอิน ผ่าน npm:

npm install test-webpack-plugin --save-dev

หลังจากนั้นจำเป็นต้องนำเข้าปลั๊กอิน ไปยังไฟล์การกำหนดค่า:

import TestWebpackPlugin from 'test-webpack-plugin';

จากนั้นจำเป็นต้องเรียกใช้ปลั๊กอินนี้ ในการตั้งค่า plugins:

export default {
	entry: './src/index.js',
	plugins: [new TestWebpackPlugin()],
};

ในการตั้งค่า plugins อาจมี ไม่ใช่แค่ปลั๊กอินเดียว แต่มีหลายตัว:

export default {
	entry: './src/index.js',
	plugins: [
		new TestWebpackPlugin1(),
		new TestWebpackPlugin2()
	],
};