Λειτουργίες δόμησης μέσω scripts στο Webpack

Μπορείτε να ορίσετε τη λειτουργία δόμησης όχι στο αρχείο διαμόρφωσης, αλλά μέσω της ρύθμισης του scripts του αρχείου package.json. Αυτήν τη στιγμή σε αυτό το αρχείο έχουμε την εντολή build, που δομεί το project στη λειτουργία που έχει οριστεί στο αρχείο διαμόρφωσης:

"scripts": {
	"build": "webpack"
}

Ας προσθέσουμε μια εντολή που δομεί το project σε λειτουργία ανάπτυξης:

"dev": "webpack --mode development"

Ας προσθέσουμε επίσης μια εντολή που δομεί το project σε λειτουργία παραγωγής:

"prod": "webpack --mode production"

Στο τέλος, το αρχείο package.json θα φαίνεται ως εξής:

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
}

Τώρα στο terminal μπορούμε με διάφορες εντολές να καλέσουμε τη δόμηση σε διάφορες λειτουργίες. Για δόμηση σε λειτουργία ανάπτυξης θα γράψουμε το εξής:

npm run dev

Και για δόμηση σε λειτουργία παραγωγής - το εξής:

npm run prod

Εισάγετε στο package.json σας τις αντίστοιχες ρυθμίσεις.

Δομήστε το project σας σε λειτουργία ανάπτυξης.

Δομήστε το project σας σε λειτουργία παραγωγής.