如何在 Ubuntu 20.04 上安裝 GulpJS

在本教程中，我們將向您展示如何在 Ubuntu 20.04 上安裝 GulpJS。您將學習在 Ubuntu 上設置 GulpJS 以縮小 Javascript 文件。

GulpJS 是一個工具包，可幫助您在開發工作流程中自動執行痛苦或耗時的任務。集成內置於所有主要 IDE 中，人們將 gulp 與 PHP、.NET、Node.js、Java 和其他平台結合使用。

使用 npm 模塊做任何你想做的事情 + 超過 3000 個用於流式文件轉換的精選插件。通過僅提供最小的 API 表面，gulp 易於學習和使用。

先決條件

• Ubuntu 20.04 專用服務器
• 具有 sudo 管理員權限的 root 用戶或普通用戶。

第 1 步 - 使服務器保持最新

# apt update -y

# apt upgrade -y

第 2 步 - 安裝 build-essential

# apt-get install build-essential -y

第 3 步 - 安裝 NodeJS 和 NPM

安裝最新的穩定版 NodeJS。

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

# apt-get install -y nodejs

驗證安裝是否成功。

# node -v && npm -v

輸出：

v14.14.0
6.14.8

第 4 步 - 安裝 GulpJS CLI

使用以下命令安裝 GulpJS CLI：

# npm install -g gulp-cli

驗證安裝是否成功。

# gulp -v

設置

要將 GulpJS 與插件一起使用，您需要一個 gulpfile.js 文件和一個 package.json 文件。

• gulpfile.js：配置、管道和執行任務以及插件管理。
• package.json：跟踪依賴項及其版本。

轉到您的項目目錄。

# cd /path/to/project/

初始化 NPM 環境以創建 package.json：

當提示輸入包名稱時，使用 gulpjs。按 ENTER 接受所有其他問題的默認回答。之後，您應該會看到此摘要。

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)

鍵入 是 ，然後按 ENTER鍵。

安裝本地 gulp 包和 gulp-uglify 插件。

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

創建 gulp 任務

 在項目的根目錄中創建一個 gulpfile.js。

# vi gulpfile.js

導入庫，然後定義一個任務。示例任務名為 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
});

確保/path/to/javascript/files/中至少有一個 javascript 文件 ：

# ls /path/to/javascript/files/

輸出：

file.js

運行任務。

# gulp exampleTask

輸出：

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

/path/to/destination/ 包含縮小的文件。

# ls /path/to/destination/

輸出：

file.js

我們已經成功安裝了 GulpJS。

在本教程中，我們向您展示瞭如何在 Ubuntu 20.04 上安裝 GulpJS。