Plugin di Webpack

Webpack menjalankan rangkaian tugas yang sempit. Untuk memperluas kemampuan perlu menginstal dan menghubungkan plugin tambahan.

Mari kita bahas algoritma umum untuk menginstal dan menghubungkan plugin. Misalkan untuk ini kita memiliki plugin imajiner test-webpack-plugin. Mari kita bahas cara kerja dengan plugin menggunakan contohnya (kode di bawah ini hanyalah skema, karena plugin seperti itu tidak ada secara nyata).

Jadi, pertama-tama plugin harus diinstal melalui npm:

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

Setelah itu, plugin perlu diimpor ke file konfigurasi:

import TestWebpackPlugin from 'test-webpack-plugin';

Kemudian plugin ini perlu dipanggil dalam pengaturan plugins:

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

Dalam pengaturan plugins bisa ada bukan hanya satu plugin, tetapi beberapa:

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