Grunt ile ilk görevimizi oluşturun

Tesisin kurulması ve kurulması Homurtu Yapması oldukça basit bir şey, ancak tüm araçlara sahip olduğumuzda ve bazı temel komutları bildiğimizde, sık sık merak ediyoruz, şimdi ne yapabiliriz? Bir sonraki adım çok basit, görevleri oluşturmaya başlama zamanı.
Bir görevin arkasındaki fikir, iş günümüz veya uygulama geliştirmemiz sırasında her zaman gerçekleştirdiğimiz sık karşılaşılan sorunları veya faaliyetleri çözebilecek, doğası gereği tekrarlayan, bu görevlere parametreler ayarlayabileceğimiz ve böylece her zaman çalışabilecekleri bir şey olmasıdır. onları sıfırdan yapmak zorunda kalmadan.
GereksinimlerBu eğitim, temel temel bilgileri bilmenizi önerir. JavaScript çünkü bu dilden çok şey kullanacağız. Bir diğer temel gereksinim, kurmuş ve yapılandırmış olmamız gerektiğidir. Homurtu sistemimizde veya sanal alanımızda, bu, sahip olmamız gerektiği anlamına gelir Node.js, paket yöneticiniz npm ve tabi ki Homurtu. Son olarak, alıştırmalarımızın içeriğini oluşturmak için bir metin düzenleyiciye ve dosya oluşturmak ve konsolda grunt komutunu özgürce yürütmek için yeterli izinlere sahip olmalıyız.
Görev, bir başlangıcı, gelişimi ve sonu olan bir faaliyettir. Homurtu bir görev, bir işlevden başka bir şey değildir JavaScript dosyada bulunan Gruntfile.js ve bu komutu yürütürken homurtu konsolumuzda bu işlevi çalıştırabilir ve içeriğinin başlatılmasını sağlayabiliriz.
Görevler, modüler bir şekilde yönetilir, daha çok devletin temel yapısı tarzındadır. Node.jsBu nedenle, her yeni görev kümesi tanımladığımızda, bunların modülerliklerini gösteren talimatları eklemeliyiz.
Bir görev oluşturmak için dosyamızda bir temel koda ihtiyacımız var. gruntfile.js, bu kod denir Basmakalıp tekrarlayıcı olduğu için, ancak sadece bir kez kullanıyoruz, bakalım nasıl görünüyor:

 module.exports = function (hırıltı) {// işte görevlerimizin içeriği};

Bu kodu dosyamıza yerleştirdikten sonra, görevlerimizi oluşturabilmemiz için zaten bir temele veya yapıya sahibiz. Bu yapıldıktan sonra konsoldan mesaj yazmamızı sağlayan bir görev yapacağız, bunun için aşağıdaki kodu yazacağız:

 module.exports = function (grunt) {grunt.registerTask ('varsayılan', function () {console.log ('Merhaba, Grunt'a bir mesaj gönderdik.');});};

Yaptığımız şeyi açıklamak çok kolay, önce nesneyi aldık homurtu kodumuzla oluşturduğumuz Basmakalıp, sonra bu nesnede yöntemi uyguladık kayıtGörev söylememize ne yardımcı olur Homurtu yeni bir görev eklediğimizi, bir sonraki adımda ona bir isim veriyoruz ve sonra isimsiz bir işlevle görevimizin içeriğini ona iletiyoruz, bu durumda konsoldaki mesaj.
Bu örneğin görevi yürütürken nasıl göründüğüne bakalım, bunun için dosyamızı kaydettiğimiz klasörde gruntfile.js aşağıdaki komutu uygulayacağız:

 homurtu

O zaman konsol bize aşağıdaki gibi bir sonuç vermelidir:

Bu görev için varsayılan adı kullandığımızdan bahsetmek önemlidir çünkü bu görevdir. Homurtu dosyamızda adından da anlaşılacağı gibi varsayılan olarak arayacaktır gruntfile.js, bu ada sahip olmasaydı, yürütülürken bir hata alırdık homurtu aşağıdaki resimde gördüğümüz gibi:

Bir önceki örneğimiz işe yarasa da pek tavsiye edilen bir örnek değil, biz sadece konsolu kullandık. Node.js ancak bu, konsolun tüm işlevlerine ve özelliklerine sahip değildir. Homurtu yani görev motorundan herhangi bir ek bilgimiz varsa, kesinlikle görmeyeceğiz. Bu yüzden görev otomasyon motorumuzun konsolunu kullanmalıyız, felsefedeki konsept pratik olarak aynıdır, sadece çağırmamız gereken nesneleri ve işlevleri değiştiriyoruz.
Anlattıklarımızı yerine getirebilmek için önceki örnekteki kodumuzu nasıl yeniden yazabileceğimizi aşağıdaki kodda görelim:

 module.exports = function (grunt) {grunt.registerTask ('varsayılan', function () {grunt.log.writeln ('Bu mesaj Grunt konsolu tarafından görüntülenir.');});};

Nasıl gördüğümüzü sadece nesneyi yeniden kullanırız homurtu dosyanın başlangıcı, sonra sınıfını kullanırız kayıt ve son olarak yöntem yazmak, sonuç önceki örnektekiyle aynıdır, ancak tek fark, amaçlarımız için daha uygun bir şey kullanmamızdır. Aşağıdaki resimde her şeyin nasıl düzgün bir şekilde korunduğunu görelim:

Başlangıçta, yeniden kullanılabilir görevlerden bahsettik ve zamandan tasarruf etmemizi sağladı, görevlerin yeterli derecede yeniden kullanımına ulaşmamızı sağlayabilecek şeylerden biri, bunlara parametre ekleme olasılığıdır, bununla bazı değerleri değiştirebiliriz. doğrudan bir sistem için kullanıcı oluşturmak gibi kendimizi içinde bulabileceğimiz duruma göre Homurtu, bununla birlikte kullanıcı listesiyle birlikte bir dosya adını parametre olarak iletebiliriz.
Aşağıdaki kodda çok ilginç bir şey yapacağız, her şeyden önce varsayılan işlemimiz olmayan görevlerin nasıl oluşturulacağını göreceğiz, bununla birlikte aynı dosyada birkaç göreve sahip olmak için zaten anahtarımız olacak. Görevimizi alacak parametre sadece anonim fonksiyonda ayarlanacaktır, bu şekilde onu gövdesinde yakalayabilir ve işleyebiliriz.
Şimdi bu görevi oluşturacak kodu görelim, bir alıştırma olarak, açıkladığımız şeyi test etmek için söz konusu kodu varsayılan görevimizin arkasına yerleştirebiliriz:

 grunt.registerTask ('merhaba', işlev (isim) {grunt.log.writeln ('Merhaba:' + isim + 'günaydın bugün');});

Şimdi görevin konsol çağrısını yapmak için aşağıdakileri yapıyoruz:

 homurdanarak merhaba deyin: İsim

Görevin adını nasıl görebiliriz ve iki nokta üst üste ile ayırarak gerekli parametreyi geçiyoruz, bu durumda göreve göndermek istediğimiz isim, konsolumuzda nasıl göründüğüne bakalım:

Şimdi, görevimiz iki veya daha fazla parametreyi geçmemizi gerektiriyorsa ne olur, basitçe aynı kodunda bunları bir işlev olarak virgülle ayırarak ekliyoruz. JavaScript normaldir ve onları konsolda çağırırken aynı ayırma yöntemiyle yerleştirebiliriz, bize şunu gösteren bir görevi gerçekleştirdiğimiz bir kod görelim:

 grunt.registerTask ('ekleme', işlev (değer1, değer2) {var toplamı = Sayı (değer1) + Sayı (değer2); grunt.log.writeln ('Toplamanın sonucu' + değer1 + '+' + değer2 + ' şudur: '+ toplam);});

Şimdi, çağrı ve yanıtla birlikte bu örneği konsolda çalıştırdığımızda neye benzediğini görelim:

Fark edebileceğimiz ilginç bir şey, kullandığımız JavaScript İşlemeyi tanımlamak için düz ve basit, bu dilin kullanımı çok önemlidir, çünkü bu şekilde görevlerimizi oluştururken elde edebileceğimiz her şeyin kapasitemizi genişletebileceğiz. Homurtu.
Görevlerimizde uyarı kullanmak mümkün, bununla kullanıcıdan alınan parametreleri biraz doğrulayabiliriz, örneğin önceki işimiz bir toplam ama sayı dışında bir şey koyarsak kesinlikle işlemimiz başarısız olur, bu yüzden yapabiliriz. aşağıdakileri yapın: yöntemin yardımıyla uyarmak () Her iki parametrenin de sayı olduğunu doğrulayacağız ve sayı olmaması durumunda bir uyarı başlatacağız:

 grunt.registerTask ('add', function (değer1, değer2) {if (isNaN (Sayı (değer1))) {grunt.warn ('İlk değer' + değer1 + 'bir sayı olmalıdır.');} if ( isNaN (Sayı (değer2))) {grunt.warn ('İkinci değer' + değer2 + 'bir sayı olmalıdır.');} Var toplam = Sayı (değer1) + Sayı (değer2); grunt.log.writeln ( ''+ değer1 +' + '+ değer2 +' eklemenin sonucu: '+ toplam);});

Yeniden yazılmış kodumuzda, dönüşümün sonucunun Numara () parametrelerin sayısı bir sayı değil, yöntemi başlat uyarmak () veya uyarı, bu iş parçacığını keser ve mesajı görüntüler, böylece hatalı bir görevden kaçınabiliriz. Görevi yürütürken bunun konsolumuzda nasıl göründüğünü görelim:

Dil bilgisini de fark ettiğimiz gibi JavaScript Bu çok önemlidir, bu yüzden ulaşmak istediğimiz seviyenin altındaysak, becerilerimizi geliştirmek için pratik yapmalı ve mümkün olduğunca çok egzersiz yapmaya çalışmalıyız.
Bununla, görevlerin oluşturulmasını gördüğümüz için bu öğreticiyi bitirdik. Homurtu Çok karmaşık değildir, daha ziyade onları tanımlarken mantığı, aracın kullanımının anlaşılmasını kolaylaştırmamıza yardımcı olur. Gerçek karmaşıklık, görevimizin ne yapacağını ve onu mümkün olduğunca nasıl yeniden kullanılabilir hale getirebileceğimizi bildiğimiz anda kendi mantığımızın tanımındadır, çünkü değilse, boşuna çalışırız.