{"id":229574,"date":"2022-11-19T18:05:00","date_gmt":"2022-11-19T15:05:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229574"},"modified":"2022-11-19T18:05:47","modified_gmt":"2022-11-19T15:05:47","slug":"komma-igaang-med-gulp-startpaket","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/komma-igaang-med-gulp-startpaket\/","title":{"rendered":"Komma ig\u00e5ng med Gulp-startpaket"},"content":{"rendered":"\n

Att prata om CodeKit<\/a> och f\u00f6rdelarna det erbjuder f\u00f6r front-end-utvecklare har ocks\u00e5 kommit precis efter ett inl\u00e4gg och f\u00f6rdelarna som n\u00e5got som Gulp<\/a> erbjuder ocks\u00e5.<\/p>\n

Ett inl\u00e4gg om skillnaden mellan de tv\u00e5, varf\u00f6r du kanske vill ha det ena framf\u00f6r det andra, och f\u00f6rdelarna eller nackdelarna med b\u00e5da kan vara dess inl\u00e4gg.<\/p>\n

Men f\u00f6r detta skulle jag vilja ta startpaketen<\/a> jag skrev om ang\u00e5ende Gulp och ge ett enkelt exempel p\u00e5 en start Gulp-fil och hur man anv\u00e4nder den i dina WordPress-projekt.<\/p>\n

Komma ig\u00e5ng med Gulp<\/h2>\n

F\u00f6r det f\u00f6rsta \u00e4r jag ett fan av Homebrew, s\u00e5 n\u00e4r det kommer till att hantera paket som inte \u00e4r en del av Mac App Store anv\u00e4nder jag det. Detta g\u00f6r det mycket l\u00e4ttare att installera paket, uppdatera dem och avinstallera dem.<\/p>\n

Om du inte har l\u00e4st min guide om Homebrew<\/a>, v\u00e4nligen g\u00f6r det eftersom resten av det h\u00e4r inl\u00e4gget f\u00f6ruts\u00e4tter att du har det installerat.<\/p>\n

1 Installera Gulp<\/h3>\n

Om du har Homebrew installerat, se till att allt ser bra ut och \u00e4r uppdaterat, jag har en hel guide f\u00f6r att st\u00e4lla in Gulp p\u00e5 din lokala maskin.<\/p>\n<\/p>\n

S\u00e5 om du inte redan har den inst\u00e4llningen, kolla in det h\u00e4r inl\u00e4gget<\/a> f\u00f6r hur du g\u00f6r det.<\/p>\n

2 Skriv din Gulp-konfigurationsfil, del 1<\/h3>\n

F\u00f6r att initiera en Gulp-konfigurationsfil, skriv in f\u00f6ljande kommando<\/a> i ditt projekts rotkatalog i din terminal:<\/p>\n

L\u00e4tt, \u00e4r det inte?<\/p>\n

Detta kommer att skapa en tom gulpfile.js<\/strong> i ditt projekts rotkatalog. D\u00e4refter \u00e4r det dags att redigera filen.<\/p>\n

F\u00f6r det h\u00e4r inl\u00e4gget kommer jag att anv\u00e4nda fyra paket som jag tidigare har beskrivit:<\/p>\n