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

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

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

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

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

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

import TestWebpackPlugin from 'test-webpack-plugin';

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

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

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

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