Các Plugin trong Webpack

Webpack thực hiện một phạm vi nhiệm vụ hẹp. Để mở rộng khả năng cần phải cài đặt và kết nối các plugin bổ sung.

Hãy xem xét thuật toán chung để cài đặt và kết nối plugin. Giả sử chúng ta có một plugin tưởng tượng là test-webpack-plugin. Hãy xem xét cách làm việc với plugin thông qua ví dụ của nó (code bên dưới - chỉ là sơ đồ, vì thực tế không có plugin nào như vậy).

Vậy, trước tiên plugin cần phải được cài đặt qua npm:

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

Sau đó plugin cần được import vào file cấu hình:

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

Tiếp theo, plugin này cần được gọi trong cài đặt plugins:

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

Trong cài đặt plugins có thể có không chỉ một plugin, mà là nhiều plugin:

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