Cách cài đặt GulpJS trên Ubuntu 20.04

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách cài đặt GulpJS trên Ubuntu 20.04. Bạn sẽ học cách thiết lập GulpJS để thu nhỏ tệp Javascript trên Ubuntu.

GulpJS là một bộ công cụ giúp bạn tự động hóa các công việc khó khăn hoặc tốn thời gian trong quy trình phát triển của bạn. Tích hợp được tích hợp vào tất cả các IDE chính và mọi người đang sử dụng gulp với PHP, .NET, Node.js, Java và các nền tảng khác.

Sử dụng mô-đun npm để làm bất cứ điều gì bạn muốn + hơn 3000 plugin được quản lý để truyền trực tuyến các chuyển đổi tệp. Bằng cách chỉ cung cấp một bề mặt API tối thiểu, gulp rất dễ học và dễ sử dụng.

Điều kiện tiên quyết

• Máy chủ chuyên dụng Ubuntu 20.04
• Người dùng root hoặc người dùng bình thường có đặc quyền quản trị viên sudo.

Bước 1 - Giữ cho máy chủ được cập nhật

# apt update -y

# apt upgrade -y

Bước 2 - Cài đặt bản dựng cần thiết

# apt-get install build-essential -y

Bước 3 - Cài đặt NodeJS và NPM

Cài đặt phiên bản ổn định mới nhất của NodeJS.

# curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

# apt-get install -y nodejs

Xác minh cài đặt thành công.

# node -v && npm -v

Đầu ra:

v14.14.0
6.14.8

Bước 4 - Cài đặt GulpJS CLI

Cài đặt GulpJS CLI bằng lệnh sau:

# npm install -g gulp-cli

Xác minh cài đặt thành công.

# gulp -v

Cài đặt

Để sử dụng GulpJS với các plugin, bạn cần có   tệp gulpfile.js và   tệp package.json .

• gulpfile.js: cấu hình, đường dẫn và thực thi các tác vụ cùng với quản lý plugin.
• package.json: theo dõi các phụ thuộc và phiên bản của chúng.

Đi tới thư mục dự án của bạn.

# cd /path/to/project/

Khởi tạo môi trường NPM để tạo một  package.json :

Khi được nhắc nhập tên gói, hãy sử dụng  gulpjs . Nhấn  ENTER  để chấp nhận câu trả lời mặc định cho tất cả các câu hỏi khác. Sau đó, bạn sẽ thấy bản tóm tắt này.

About to write to /root/package.json:

{
"name': "gulpjs',
"version': "1.0.0',
"description': "',
"main': "index.js',
"scripts': {
"test': "echo \'Error: no test specified\' && exit 1″
},
"author': "',
"license': "ISC'
}

Is this OK? (yes)

Nhập  yes  và nhấn  ENTER .

Cài đặt  gói gulp cục bộ  và   plugin gulp-uglify .

# npm install --save-dev gulp gulp-uglify

Tạo tác vụ nuốt

Tạo một  gulpfile.js  trong thư mục gốc của dự án.

# vi gulpfile.js

Nhập các thư viện, sau đó, xác định một nhiệm vụ. Tác vụ ví dụ được đặt tên là  exampleTask.

const gulp = require('gulp'); // Import Gulp
const uglify = require('gulp-uglify'); // Import Gulp Uglify (Javascript minify)

gulp.task('exampleTask', ()=>{ // define a task
return gulp.src('/path/to/javascript/files/*.js') // source a directory full of anything ending with .js
.pipe(uglify()) // minify the stream
.pipe(gulp.dest('/path/to/destination/')); // send files to a destination
});

Đảm bảo có ít nhất một tệp javascript trong  / path / to / javascript / files / :

# ls /path/to/javascript/files/

Đầu ra:

file.js

Chạy nhiệm vụ.

# gulp exampleTask

Đầu ra:

Working directory changed to ~
Using gulpfile ~/gulpfile.js
Starting 'exampleTask’…
Finished 'exampleTask' after 59 ms

/ path / to / destination /  chứa tệp được rút gọn.

# ls /path/to/destination/

Đầu ra:

file.js

Chúng tôi đã cài đặt thành công GulpJS.

Trong hướng dẫn này, chúng tôi đã chỉ cho bạn cách cài đặt GulpJS trên Ubuntu 20.04.