GulpJS Ubuntu 20.04e Nasıl Kurulur

Bu eğitimde size GulpJS'yi Ubuntu 20.04'e nasıl kuracağınızı göstereceğiz. Ubuntu'da Javascript Dosyalarını Küçültmek için GulpJS Kurulumunu öğreneceksiniz.

GulpJS, geliştirme iş akışınızda zahmetli veya zaman alıcı görevleri otomatikleştirmenize yardımcı olan bir araç takımıdır. Entegrasyonlar tüm büyük IDE'lerde yerleşiktir ve insanlar PHP, .NET, Node.js, Java ve diğer platformlarla gulp kullanıyor.

İstediğiniz her şeyi yapmak için npm modüllerini kullanın + akış dosyası dönüşümleri için 3000'den fazla küratörlü eklenti. Yalnızca minimal bir API yüzeyi sağlayarak gulp'i öğrenmesi kolay ve kullanımı kolaydır.

Önkoşullar

• Ubuntu 20.04 adanmış sunucu
• Sudo yönetici ayrıcalıklarına sahip bir kök kullanıcı veya normal kullanıcı.

Adım 1 - Sunucuyu güncel tutun

# apt update -y

# apt upgrade -y

Adım 2 - Temel yapıyı yükleyin

# apt-get install build-essential -y

Adım 3 - NodeJS ve NPM'yi yükleyin

NodeJS'nin en son kararlı sürümünü yükleyin.

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

# apt-get install -y nodejs

Kurulumun başarılı olduğunu doğrulayın.

# node -v && npm -v

Çıktı:

v14.14.0
6.14.8

Adım 4 - GulpJS CLI'yi kurun

Aşağıdaki komutu kullanarak GulpJS CLI'yi kurun:

# npm install -g gulp-cli

Kurulumun başarılı olduğunu doğrulayın.

# gulp -v

Kurmak

GulpJS'yi eklentilerle kullanmak için bir  gulpfile.js  dosyasına ve bir  package.json  dosyasına ihtiyacınız var.

• gulpfile.js: eklenti yönetimi ile birlikte görevleri yapılandırır, yönlendirir ve yürütür.
• package.json: bağımlılıkları ve sürümlerini takip eder.

Proje dizininize gidin.

# cd /path/to/project/

package.json oluşturmak için bir NPM ortamını başlatın  :

Bir paket adı istendiğinde gulpjs kullanın  .  Diğer tüm sorular için varsayılan yanıtı kabul etmek için ENTER'a basın  . Daha sonra, bu özeti görmelisiniz.

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)

Tip  evet  ve basın  basın .

Yerel Yükleme  yudum  paketi ve  yutkunmak-çirkinleştirmek  eklentisi.

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

Gulp görevi oluşturma

 Projenin kökünde bir gulpfile.js oluşturun  .

# vi gulpfile.js

Kitaplıkları içe aktarın, ardından bir görev tanımlayın. Örnek görevin adı  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/ içinde en az bir javascript dosyası olduğundan emin olun  :

# ls /path/to/javascript/files/

Çıktı:

file.js

Görevi çalıştırın.

# gulp exampleTask

Çıktı:

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

/path/to/destination/  küçültülmüş dosyayı içerir.

# ls /path/to/destination/

Çıktı:

file.js

GulpJS'yi başarıyla kurduk.

Bu eğitimde, GulpJS'yi Ubuntu 20.04'e nasıl kuracağınızı gösterdik.