jos olet joskus työskennellyt koodin kanssa, Olet kuullut lauseen ”Keep it DRY” (” älä toista itseäsi”). Toisin sanoen, jos sinun täytyy suorittaa tehtävä toistuvasti, löytää tapa tehdä se tehokkaammin–mikä tyypillisesti tarkoittaa vähemmän koodia.

kun alamme kehittää uutta projektia, huomaamme usein toistavamme samoja asioita yhä uudelleen-kuten kuvien optimointia, koodin miinoittamista ja tiedostojen kokoamista. Joissakin tapauksissa toistimme itseämme useita kertoja minuutissa. Näiden tehtävien aikakustannukset nousevat nopeasti, kun teemme muutoksia tai luomme uusia tiedostoja.

tuo on hirveän tehotonta. Puhumattakaan siitä, että se lisää kulumista sormiimme ja näppäimistön näppäimiin. Tehtäväjuoksijat ovat täällä auttamassa!

mikä on Tehtäväjuoksija?

Tehtäväjuoksijat tekevät kirjaimellisesti juuri niin… he juoksevat tehtäviä. Koodarit voivat määritellä, mitä tehtäviä he haluavat tehtäväjuoksijan suorittavan, ja se tekee kaiken työn heidän puolestaan.

ennen task runnersia, jos olisit halunnut kääntää Sass: n, ajaa Autoprefixerin ja sitten minifioida tuloksena olevan CSS: n aina, kun olet tehnyt muutoksen, sinun olisi ollut pakko suorittaa jokainen tehtävä erikseen. Luonnollisesti se ärsyttäisi todella nopeasti. Puhumattakaan siitä, että tuhlaisit valtavasti aikaa itsesi toistamiseen. Ei hauskaa.

tehtäväjuoksulla voit määrittää tehtävät, jotka haluat suorittaa, suorittaa sen kerran, ja se tekee kaiken työn puolestasi. Säästää aikaa, säästää rahaa ja pelastaa maailman (ehkä?).

siellä on joukko tehtäväjuoksijoita: Brunssi.js, kulaus.JS, parsakaalia.JS, kakkua.js ja Murahtele.js, vain muutamia rakennettu Javascript. Kyllä, niiden nimet kuulostavat jotain tekisit syntymäpäivänäsi (paitsi parsakaali, joka vain kuulostaa surullinen syntymäpäivä), mutta voit käyttää näitä ympäri vuoden!

tehtäväjuoksijamme on Grunt.js

our Task Runner of Choice

we have choosed to use Grunt.js. Se on markkinoiden laajimmin tuettu ja suosituin tehtäväjuoksija. Se toimii lukemalla Grunt-tiedoston, joka sisältää Tehtäväasetuksesi Javascript-objektissa. Sitten suoritat päätteessäsi komennon, joka määrittää, minkä tehtävän haluat suorittaa. Helppo nakki.

Grunt-tiedostosi voi olla niin yksinkertainen tai kestävä kuin haluaisit sen olevan, riippuen siitä, mitä tehtäviä suoritat.

tyypilliset Gruntfiles tekevät seuraavia tehtäviä:

CSS

  • Compile Sass into CSS
  • Run Autoprefixer on the new CSS to catch any vendor prefixes we may have missed
  • Minify the prefixed CSS
  • Update our CSS banner with new timestamp information

Javascript

  • tarkista JavaScript virheiden varalta
  • yhdistä muut mukana olevat skriptit yhdeksi tiedostoksi
  • tarkista virheiden varalta
  • minify skriptit

kuvat

  • optimoi mikä tahansa jpg, gif tai PNG tiedoston koon pienemmät

muut apuohjelmat

  • Watch files for changes and rerun tasks as needed
  • Run BrowserSync for testing in multi selaimet ja laitteet kerralla

voit kuvitella, kuinka tuskallista näiden tehtävien suorittaminen manuaalisesti olisi. Meidän tarvitsee vain suorittaa yksi yksinkertainen komento:

$ grunt

aivan kuten taikuutta, tämä yksi komento suorittaa kaikki tehtävämme ja säästää meidät toistamasta itseämme.

lisätietoja Gruntista.js, tarkista heidän asiakirjansa ja ala katsoa Gruntfiles-tiedostoja.

Vastaa

Sähköpostiosoitettasi ei julkaista.