Plugin dalam Webpack

Webpack melaksanakan rangkaian tugas yang sempit. Untuk mengembangkan keupayaan perlu memasang dan menyambungkan plugin tambahan.

Mari kita lihat algoritma umum pemasangan dan penyambungan plugin. Katakan kita mempunyai satu plugin khayalan test-webpack-plugin. Mari kita lihat kerja dengan plugin menggunakan contohnya (kod di bawah - hanya skema, kerana plugin sebegini tidak wujud secara realiti).

Jadi, pertama, plugin perlu dipasang melalui npm:

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

Selepas itu, plugin perlu diimport ke fail konfigurasi:

import TestWebpackPlugin from 'test-webpack-plugin';

Kemudian plugin ini perlu dipanggil dalam tetapan plugins:

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

Dalam tetapan plugins boleh ada bukan hanya satu plugin, tetapi beberapa:

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