Πρόσθετα στο Webpack

Το Webpack εκτελεί ένα στενό φάσμα εργασιών. Για την επέκταση των δυνατοτήτων του χρειάζεται να εγκαθιστάτε και να συνδέετε πρόσθετα πρόσθετα.

Ας εξετάσουμε τον γενικό αλγόριθμο εγκατάστασης και σύνδεσης πρόσθετων. Ας υποθέσουμε για αυτό το σκοπό ότι έχουμε ένα φανταστικό πρόσθετο test-webpack-plugin. Ας εξετάσουμε τη δουλειά με πρόσθετα χρησιμοποιώντας το παράδειγμά του (ο παρακάτω κώδικας είναι απλά ένα σχήμα, καθώς στην πραγματικότητα δεν υπάρχει τέτοιο πρόσθετο).

Λοιπόν, πρώτα απ 'όλα, το πρόσθετο πρέπει να εγκατασταθεί μέσω του npm:

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

Μετά από αυτό, το πρόσθετο πρέπει να εισαχθεί στο αρχείο διαμόρφωσης:

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

Στη συνέχεια, αυτό το πρόσθετο πρέπει να κληθεί στη ρύθμιση plugins:

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

Στη ρύθμιση plugins μπορεί να υπάρχει όχι μόνο ένα πρόσθετο, αλλά πολλά:

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