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:

terminalnpm install test-webpack-plugin --save-dev

Setelah itu, plugin perlu diimpor ke file konfigurasi:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

Kemudian plugin ini perlu dipanggil dalam pengaturan plugins:

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

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

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