Εισαγωγή στο Gulp 4

Το Gulp είναι ένα εργαλείο για την αυτοματοποίηση συχνών εργασιών που προκύπτουν κατά την ανάπτυξη ιστοτόπων: ελαχιστοποίηση αρχείων CSS και JavaScript, συγχώνευση πολλαπλών αρχείων σε ένα, μετατροπή LESS και SASS σε CSS, μετατροπή της γλώσσας TypeScript σε JavaScript και παρόμοιες εργασίες.

Η αρχή λειτουργίας του είναι η εξής: για το σύστημα Gulp γράφονται εργασίες, και το Gulp εκτελεί αυτές τις εργασίες σε καθορισμένη σειρά.

Ας εγκαταστήσουμε το Gulp. Για να το κάνετε αυτό, στη γραμμή εντολών πρέπει να εκτελέσετε την εντολή:

npm install --global gulp-cli

Τώρα ας δημιουργήσουμε ένα project στο οποίο θα χρησιμοποιείται το Gulp. Για να το κάνετε αυτό, στο φάκελο του project δημιουργούμε την ακόλουθη δομή αρχείων:

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

Επίσης, στο φάκελο του project πρέπει να προσθέσετε package.json, Μετά από αυτό, μπορείτε να εγκαταστήσετε το Gulp στο project. Για να το κάνετε αυτό, στη γραμμή εντολών, ενώ βρίσκεστε στον φάκελο του project, είναι απαραίτητο να εκτελέσετε την ακόλουθη εντολή:

npm install --save-dev gulp

Δημιουργήστε ένα project και εγκαταστήστε το Gulp σε αυτό.