Giới thiệu về Gulp 4

Gulp là một công cụ để tự động hóa các tác vụ thường phát sinh khi phát triển website: thu nhỏ tệp CSS và JavaScript, hợp nhất nhiều tệp thành một, chuyển đổi LESS và SASS thành CSS, chuyển đổi ngôn ngữ TypeScript sang JavaScript và các tác vụ tương tự.

Nguyên tắc hoạt động của nó như sau: các tác vụ được viết cho hệ thống Gulp, và Gulp thực hiện những tác vụ này theo trình tự đã định.

Hãy cài đặt Gulp. Để làm điều này, trong dòng lệnh cần thực thi lệnh:

npm install --global gulp-cli

Bây giờ hãy tạo một dự án sẽ sử dụng Gulp. Để làm điều này, trong thư mục dự án, hãy tạo cấu trúc tệp như sau:

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

Đồng thời cần thêm package.json vào thư mục dự án, Sau đó có thể cài đặt Gulp vào dự án. Để làm điều này, trong dòng lệnh, khi đang ở thư mục chứa dự án, cần thực thi lệnh sau:

npm install --save-dev gulp

Tạo một dự án và cài đặt Gulp vào đó.