Gulp là bộ công cụ JavaScript miễn phí, mã nguồn mở và đa nền tảng cho phép bạn tự động hóa nhiều tác vụ phát triển. Đây là trình chạy tác vụ được xây dựng trên Node.js và npm và được sử dụng để tự động hóa nhiều tác vụ tốn thời gian như thu nhỏ, nối, xóa bộ nhớ đệm, kiểm tra đơn vị, kiểm tra lỗi, tối ưu hóa, v.v. Các plugin Gulp rất đơn giản và được thiết kế để thực hiện một tác vụ duy nhất.
Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách cài đặt Gulp trên CentOS 8.
Trước tiên, hãy cài đặt Curl bằng lệnh sau:
Tiếp theo, hãy thêm kho lưu trữ nguồn Node bằng lệnh sau:
Tiếp theo, cài đặt Node.js bằng lệnh sau:
Sau khi Node.js được cài đặt, hãy xác minh phiên bản Node.js đã cài đặt bằng lệnh sau:
Bạn sẽ thấy kết quả sau:
Bạn cũng có thể xác minh phiên bản NPM bằng lệnh sau:
Bạn sẽ thấy kết quả sau:
Bạn có thể cài đặt nó bằng lệnh NPM như được hiển thị bên dưới:
Sau khi Gulp CLI được cài đặt, bạn có thể tiến hành bước tiếp theo.
Tiếp theo, hãy thay đổi thư mục thành myapp và tạo một ứng dụng mới bằng lệnh sau:
Bạn sẽ được yêu cầu cung cấp thông tin ứng dụng của mình như được hiển thị bên dưới:
Tiếp theo, thêm mô-đun Gulp vào ứng dụng của bạn bằng lệnh sau:
Tiếp theo, xác minh phiên bản Gulp bằng lệnh sau:
Bạn sẽ thấy đầu ra sau:
Trước tiên, hãy đổi thư mục thành myapp và tạo gulpfile.js bằng lệnh sau:
Thêm mã sau:
Lưu tệp khi bạn hoàn tất rồi chạy tác vụ Gulp bằng lệnh sau:
Bạn sẽ nhận được kết quả sau:
Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách cài đặt Gulp trên CentOS 8.
Điều kiện tiên quyết
- Máy chủ chạy CentOS 8.
- Mật khẩu gốc được định cấu hình trên máy chủ.
Cài đặt Node.js
Gulp yêu cầu phải cài đặt gói Node.js trong hệ thống của bạn.Trước tiên, hãy cài đặt Curl bằng lệnh sau:
Mã:
dnf install curl -y
Mã:
curl -sL https://rpm.nodesource.com/setup_16.x | bash -
Mã:
dnf install nodejs -y
Mã:
node -v
Mã:
v16.6.1
Mã:
npm -v
Mã:
7.20.3
Cài đặt Gulp CLI
Trước tiên, bạn sẽ cần cài đặt công cụ Gulp CLI trong hệ thống của mình. Gulp CLI là một công cụ được sử dụng để quản lý ứng dụng Gulp.Bạn có thể cài đặt nó bằng lệnh NPM như được hiển thị bên dưới:
Mã:
npm install -g gulp-cli
Cài đặt Gulp.js
Trước tiên, hãy tạo một thư mục ứng dụng bằng lệnh sau:
Mã:
mkdir myapp
Mã:
cd myapp npm init
Mã:
tên gói: (myapp)phiên bản: (1.0.0)mô tả: Ứng dụng của tôiđiểm vào: (index.js)lệnh kiểm tra: "echo "Ứng dụng của tôi" $$ thoát 1"git kho lưu trữ:từ khóa:tác giả: hiteshgiấy phép: (ISC)Sắp ghi vào /root/myapp/package.json:{ "name": "myapp", "version": "1.0.0", "description": "Ứng dụng của tôi", "main": "index.js", "scripts": { "test": "\"echo \"Ứng dụng của tôi\" $$ exit 1\"" }, "author": "hitesh", "giấy phép": "ISC"}Điều này có ổn không? (có) có
Mã:
npm install --save-dev gulp
Mã:
gulp --version
Mã:
Phiên bản CLI: 2.3.0Phiên bản cục bộ: 4.0.2
Tạo ứng dụng bằng Gulp.js
Trong phần này, chúng ta sẽ tạo một ứng dụng Gulp.js đơn giản.Trước tiên, hãy đổi thư mục thành myapp và tạo gulpfile.js bằng lệnh sau:
Mã:
cd myapp
nano gulpfile.js
Mã:
var gulp = require('gulp');gulp.task('hello', function(done) { console.log('Ứng dụng Gulp đầu tiên của tôi!!!'); done();});
Mã:
gulp hello
Mã:
[05:07:52] Sử dụng gulpfile ~/myapp/gulpfile.js[05:07:52] Đang bắt đầu 'hello'...Ứng dụng Gulp đầu tiên của tôi!!![05:07:52] Hoàn thành 'hello' sau 4,81 ms