2.2.5

Webpack

Το Webpack [12] είναι ένα πακέτο στοιχείων JavaScript ανοιχτού κώδικα (open-

source JavaScript module bundler). Κυρίως είναι ένας συνδυασμός στοιχείων για

JavaScript, αλλά μπορεί να μετασχηματίσει και στοιχεία front-end όπως HTML,

CSS και εικόνες αν συμπεριληϕθούν οι αντίστοιχοι ϕορτωτές. Το Webpack παίρνει

τα στοιχεία με εξαρτήσεις (module with dependencies) και παράγει στατικά στοι-

χεία που αντιπροσωπεύουν αυτά τα στοιχεία, δηλαδή λαμβάνει τις εξαρτήσεις και

δημιουργεί ένα γράϕημα εξάρτησης που επιτρέπει τους προγραμματιστές να χρησι-

μοποιούν με αρθρωτή προσέγγιση για τους σκοπούς ανάπτυξης εϕαρμογών ιστού.

Μπορεί να χρησιμοποιηθεί από το command line ή να ρυθμιστεί χρησιμοποιώντας

ένα αρχείο ρυθμίσεων που ονομάζεται “webpack.cofig.js”. Είναι εξαιρετικά επεκτά-

σιμο μέσω κανόνων που επιτρέπουν στους προγραμματιστές να γράϕουν custom

tasks που θέλουν να εκτελέσουν όταν συνδυάζουν τα αρχεία μαζί. Η χρήση του

Webpack απαιτεί το Node.js. Η React όπως και η HMR (Hot Module Replacement)

βοήθησαν στη διάδοση του Webpack και σε άλλα περιβάλλοντα, όπως η Ruby στο

Rails. Έτσι, πλέον το Webpack υπάρχει προ εγκατεστημένο (pre-build) στα περισσό-

τερα frameworks λόγω του μεγάλου μεγέθους των βιβλιοθηκών που χρησιμοποιού-

νται για την τελική εϕαρμογή. Στο σχήμα 2.8 παρουσιάζονται οι λειτουργίες που

εκτελούνται.

Σχήμα 2.8: Λειτουργίες του Webpack (workflow).

34