, postcss dybt dyk: skabe din egen stik af,,,,, 32,,,,,,,,, 10,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet postcss dybt dive.postcss dybt dyk: forskellige ting, som jeg er sikker på, at du har godt og grundigt fremstillet ved dette punkt, hvad gør postcss utroligt er dets blomstrende stik af økosystemet.og en stor   årsag til, at der er så mange gode plugins med flere kommer ud hele tiden, er, at postcss er at skabe dit eget stik af så tilgængeligt for alle, der har en vis erfaring med javascript.,,, du ikke skal have tilladelse til at foretage en postcss stik af, hvis du vil lave en, smut du bare bare gør det.gennem denne frihed, du har evnen til at forvandle din css udviklingsprocesser i noget, du gerne vil have dem til, for ikke at nævne muligheden for at dele dit arbejde med andre medlemmer af den hurtigt voksende postcss fællesskab. i denne forelæsning. du skal lære at skabe en grundlæggende stik af dit eget postcss.vi vil ikke gå for meget i stik af api - og vi vil ikke bruge en super - kodning.jeg er selv en front end entreprenør, og min javascript færdigheder er på det niveau, man forventede, at de ville være i front end person, men det stoppede mig ikke, at mit første postcss stik af i et par timer.,, følg med og se, hvor imødekommende postcss stik af udviklingen kan blive!,, hvad vi vil opbygge, vil vi skabe et stik af, at det er muligt at   let indsættelse af skrifttype stabler i  , skrifttype, familie,   erklæringer via følgende syntaks:, h1 - {skrifttype familie: "åbne" sans ", fontstack (" arial)}, efter indsamling, ovennævnte kode bliver:, h1 - {skrifttype familie: "åbne" sans "ariel," helvetica neue "helvetica, uden serif;}, oprette et projekt til at arbejde indenfor, selvom du er at skabe dit eget stik af, du er stadig nødt til at begynde med at skabe en tom sodavand eller grynter projekt.du vil læsse deres stik af i dette projekt, på samme måde som du har brugt på andre folks plugins i hele denne serie, kan du læse om, hvordan vi skal oprette sodavand eller grynter projekter for postcss i den foregående tutorials:,, postcss hurtigt skal iværksættes vejledning: gulp fælde, postcss hurtigt skal iværksættes vejledning: grynter fælde, hvis du vil ikke manuelt oprettet dit projekt fra bunden, men du kan   downloade kilde filer, der er knyttet til denne forelæsning, og ekstrakt enten forudsat sodavand eller grynter første projekt til en tom projekt mappe.så, med en terminal eller kommando hurtig pegede på mappen, løb kommando  , new public management installere,.,, skabe en grundlæggende stik af shell, skabe en mappe i "node_modules" navn "postcss myplugin".det er fælles for   anvende præfikset, postcss - for at gøre det klart, din stik af, er for postcss.,, postcss plugins er node moduler, så vi bliver nødt til at vende din nye mappe til én.   åbne en terminal /kommando omgående, pegede på den nyoprettede mappe, og løb  , new public management lokalitet,.dette vil udføre den grundlæggende opbygning af en knude - modul, så bare følg får det op i din terminal, forlader "indgang" område som default "indeks. er".,, når dette er gjort, med din terminal stadig pegede på den mappe, løb kommando  , new public management installere postcss... red,.dette vil installere postcss som en afhængighed for dette modul, noget, som alle postcss plugins skal.,, skabe et dossier, der hedder "indeks. er" i "postcss myplugin" mappe.tilføje denne kodeks til last i de vigtigste   postcss modul:,, var postcss = kræver ('postcss), og under det tilføjer dette grundlæggende indpakning, der vil være omkring   vores stik af behandling kode:,, var postcss = kræver ('postcss'); module.exports = postcss. stik af ('myplugin, funktion myplugin (optioner) {tilbage funktion (css) {muligheder = muligheder