Αλλαγή λειτουργίας δομής στο αρχείο ρυθμίσεων στο Webpack

Η λειτουργία δομής ρυθμίζεται στο αρχείο ρυθμίσεων μέσω της ρύθμισης mode. Ας ορίσουμε τη λειτουργία ανάπτυξης:

export default {
	mode: 'development',
	entry: './src/index.js',
};

Και τώρα ας ορίσουμε τη λειτουργία production:

export default {
	mode: 'production',
	entry: './src/index.js',
};

Δομήστε το project σε λειτουργία ανάπτυξης. Ανοίξτε στο editor το αρχείο bundle. Μελετήστε το. Θυμηθείτε το μέγεθος αυτού του αρχείου.

Δομήστε το project σε λειτουργία production. Ανοίξτε στο editor το αρχείο bundle. Μελετήστε το. Συγκρίνετε το μέγεθος του αρχείου με το μέγεθος της δομής σε λειτουργία ανάπτυξης.