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

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

webpack.config.jsexport default {
  mode: 'development',
  entry: './src/index.js',
};

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

webpack.config.jsexport default {
  mode: 'production',
  entry: './src/index.js',
};

Задание 1

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

Задание 2

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