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:

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

Selepas itu, plugin perlu diimport ke fail konfigurasi:

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

Kemudian plugin ini perlu dipanggil dalam tetapan plugins:

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

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

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