WordPress’in gelişimini hızlandırmak için homurdanma kullanın

Geliştirme araçları, her bir geliştirici aracının önemli bir parçasıdır, bu da dikkatinizi mevcut koddan uzaklaştırabilecek küçük ayrıntılarda sıkışmadan verimli geliştirmeye odaklanmanızı sağlayan önemli bir parçasıdır. Popüler yapı araçlarından biri homurdanıyor. Son zamanlarda WordPress’in geliştirilmesi için Gulp’in nasıl kullanılacağını gördük. Gulp, tema resimlerinizi optimize eden, JS dosyanızı birleştiren ve SASS/daha az kodunuzu otomatik olarak işleyen olağanüstü bir araçtır. Homurdanma yuduma benzer olsa da, bazı farklılıklar vardır. Bu yazıda, Grunt tarafından sunulanlar, nasıl kullanılacağı ve Gulp ile olan farkı konusunda size rehberlik edeceğim.
Giriş oluşturma yapı araçları temel olarak sizin için hızlı ve kolay bir şekilde kaba görevler gerçekleştiren bir otomasyon aracıdır. Birçok dosyanın bir dosyasını oluşturabilir, Markdown’da yazılmış belgeleri HTML’ye dönüştürebilir ve her türlü diğer düzgün şeyi de yapabilirsiniz. Son zamanlarda GULP Makalesinde, bir geliştirme sisteminin ne olduğunu, dosyalarınızı ve diğer birçok temel şeyi yönetmek için iki farklı yöntemi nasıl kullanabileceğinizi açıklıyorum. Bu yazıyı okumaya devam etmeden önce makaleyi okumanızı şiddetle tavsiye ediyorum. Sözdizimi dışında, yudum ve homurdanan için temel ilkeler ve felsefe tam olarak aynı.
Gulp gibi bir homurdanmadan başlayarak, yudum çalıştırmak için bir düğüme ihtiyacınız var. Eğer sahip değilseniz, nodejs.org’u açın ve kurulumu alın. Düğüm, Grunt gibi bir düğüm paketi yüklemek için kullanılabilen NPM (Paket Düğüm Yöneticisi) ile birlikte yüklenecektir. Daha sonra küresel olarak homurdanma kuracağız. Bunu Windows’ta terminal veya komut istemini açarak yapabilirsiniz (bundan sonra her iki terminali de arayacağım) ve aşağıdaki komutu yayınlayabilirsiniz: Çekirdek 65E076134F875FE0553’ü içerir
Ardından iki dosya oluşturmamız gerekiyor: Package.json ve GruntFile.js. Standart bir düğüm paketi dosyası olan Package.json ile başlayalım. Sadece biraz bilgi ekleyeceğiz, daha fazlası için NPM belgelerini göreceğiz.
Çekirdek 65E0766134F875FE0553 içerir
Paket dosyası paketimizi adlandırdı ve sürüm numarasını verdi. Aslında burada aradığımız şey deveDensity’dir. Bu, kullanacağımız tüm bağımlılıkları içerir. Şimdilik, sadece kendi homurdanmamıza ihtiyacımız var – yakında daha fazlasını ekleyeceğiz! GruntFile.js Gulp’tan Gulpile’a benzer – bu, hangi homurdanmak istediğimizi ve hangi komutları yanıtlamak istediğimizi anlatıyor.
Çekirdek 65E0766134F875FE0553 içerir
InitConfig () işlevi, tüm görev içeriğimizi yazacağımız yerdir. Daha sonra aşağıdaki görevleri kaydedeceğiz, bu da ona özel bir sipariş verdiğimizde hangi görevin yapılması gerektiğini homurdanacak. Şimdilik boş bir varsayılan ödev yaptım.
Gulp için yaptığımız şeye benzer görevler yapmak için bir görev metodolojisi yapmak:
Paketi yükle
Paketler dahil
Gulpfile’da kullanın
Başka bir yazıda yaptığımız gibi Sass ile başlayalım. İlk olarak, paketi yükleyin: Çekirdek 65E076134F875Fe0553
Sonra, Gruntfile. Gruntfile modülü.
Çekirdek 65E0766134F875FE0553 içerir
Herşey bitti! Artık SASS’ımızı CSS olarak değiştirecek görevler yazabiliriz. Aşağıdaki açıklama ile aşağıdaki tüm koddur:
Çekirdek 65E0766134F875FE0553 içerir
İşletmenin ilk sırası, InitConfig () işlevinin hemen üstünde görebileceğiniz modülleri içerir. Bu işlevde Sass adlı bir görev koydum. Mevcut Çalışma Dizini (CWD), işlenmiş için kaynak dosyasını, hedef hedefi ve dosya uzantısını bildirme seçeneği.
Son olarak, varsayılan komutla gerçekleştirilecek görevi ekledim. Terminalden homurdanmayı çalıştırmak, işlenen ve styles.css’e ana dizindeki stiller/styles.scss üretecektir. Bu kısa örnekten, Gulp’in okunması ve mantıklı olduğunu, en azından benim zevkime göre çok daha kolay düşünüyorum. Bunun hakkında daha fazlası daha sonra! Dosyaları Azaltma Ortaya çıkan CSS dosyasını küçültmek istiyorsanız, Grunt-Contribute-CSSMIN modülüne ihtiyacınız vardır. NPM komutunu kullanarak yükleme Grunt-Contibute-CSSMIN-SAVE-DEV’i yükleyin ve Grunt yerleştirerek bir gereklilik olarak ekleyin Gruntfile’ınızda.
Her şey bittikten sonra gerçek minifikasyonu yapalım. İşte nasıl:
Çekirdek 65E0766134F875FE0553 içerir

Gördüğünüz gibi, bu eskisi ile aynı fikirdir. Tüm bunların yanı sıra, varsayılan komutuma bir ödev ekledim: . Gulp ve Grunt ile karşılaştırıldığında, Gulp makalesini okuduysanız ve bu makalede şimdiye kadar, önceki makalede açıkladığım diğer yöntemleri bulabilmelisiniz. Bu, modülleri yükleme ve dosyanıza atama ekleme sorunudur. Tüm paketlerin iyi belgeleri ve kullanım örnekleri vardır, böylece bunları uygulamakta zorluk çekmezsiniz. Bununla birlikte, ilgilenebileceğiniz şey, yudum ve homurdanma arasındaki fark ve ne zaman kullanacağınızdır. İki sistem arasındaki en büyük fark görev yapısıdır. Kısa versiyon, yudumun okunması çok daha kolay olması, ancak yazılması daha kafa karıştırıcı olabilir, çünkü borulama mekanizması işinizde spagetti kodlamasına neden olabilir. Şahsen, yudum tercih ediyorum çünkü kodumun okunmasını istiyorum, böylece bir yıl sonra onunla ne yapmak istediğimi biliyorum, sadece kısaca görerek. Büyük bir ekipte veya büyük bir projede çalışıyorsanız, daha sıkı yaklaşımı nedeniyle bir homurdanma seçmek isteyebilirsiniz.
Bir diğer önemli faktör de hızdır. Gulp çok daha hızlıdır çünkü her şeyi bellekte ele alır. Grunt, ara dosyaları kullanır. IO disk işlemleri, bellek işlemlerinden çok daha fazla zaman alıcıdır, bu da yudumun iki katı kadar yavaş homurdanır. Bu, bu çoğu için büyük bir husus değil. Bir görev 0.04 saniye veya 0.08 alması önemli mi? Büyük ölçekte, bu bir sorun olabilir, ancak çoğumuz için bunu asla fark etmeyeceğiz. Fark ettiğim bir şey, düzgün yazılmayan görevin yudumlarda istikrarsızlığa neden olabileceğidir. Bu benim aptallığım olabilir, ama yudumun beni bir veya iki saniye dondurduğu birkaç durum gördüm. Bunun, bellek kullanmasının, disk işleminin – homurdanması durumunda – bu soruna sahip olmayacağının sonucu olduğunu hissediyorum. Bu tamamen bilimsel değildir, eğer herhangi biriniz bu konuda daha derin bir deneyime sahipseniz, bize söyleyin!
Bir süredir homurdanmanın daha büyük bir topluluğu olduğu için daha büyük bir proje.Son zamanlarda Gulp, homurdanmayı kolayca toz içinde bıraktı.Şu anda, her iki çözüm de büyük ve aktif bir topluluğa sahiptir.Gulp ve homurdanma arasında seçim yapmak tercihlerimi düşündüm – her zaman yudum kullanıyorum.Çok daha temiz yazmanın ve okumanın bir yolunu buldum, boru mekanizması zihnim için daha mantıklı görünüyor.Bence bu aslında en önemli faktör.Her iki sistem de aynı olduğundan, kişisel tercihlere bağlıdır.Daha iyi verdiği stili beğendiğiniz için homurdanmayı mı tercih edersiniz?İnanılmaz, yap.
Birini diğerinden seçmenizi önerdiğim sadece iki durum var. Bunlardan birini projelerinizin çoğu için kullandıysanız, aynı çözümü kullanmaya devam etmek için iyi bir fikir. Bu yudum hızının faydaları olsa da, sooo’nun pencerenin homurdanmasını atmanız gerektiğinden çok daha iyi olduğunu söylemeyeceğim. Başka bir durum, gerçekten çok büyük bir görev ve birçok dosya listesini ele almanızdır. Teorik olarak, Gulp size daha iyi hizmet edecek, ancak benim tavsiyem her iki sistemi kullanarak birkaç görev yazmak ve hangilerinin hız açısından daha iyi olduğunu görmek. Hem yudum hem de homurdanma çok iyi. Her gün hayatımızı daha iyi hale getirerek çok sayıda problemi çözüyorlar. Bir WordPress projesi veya başka bir şey üzerinde çalışıyor olun, bir araç oluşturmak her zaman iyi bir fikirdir. Sonunda, yudum ve homurdanma arasında seçim yapmanın kişisel tercihlere bağlı olması muhtemeldir. Aşağıdaki yorumlarda sesinizin nereye düştüğünü bize söyleyin! Etiket: Yapı Araçları