Brīdinājums: šī ir līkumota, vidēja līmeņa ekrāna apraide, kurā mēs aplūkojam kodu, kas nodrošina vietnes veidošanas procesu. Mēs nerakstām nevienu kodu.
“Veidošanas process” ir viss, kas notiek starp jūsu uzrakstīto kodu un kodu, kas nonāk tiešsaistē. Mēs jau iepriekš runājām par Grunt izmantošanu šim nolūkam. Sass tiek apstrādāts, aktīvi tiek apvienoti, notiek samazināšana un optimizācija utt. Ir daudz bezgalīgu lietu, ko būvniecības process var jums palīdzēt.
Esmu strādājis kopā ar Keitiju Kovalcinu, veidojot viņai jaunu personīgo vietni. Tas ir eksperiments mums abiem jaunu procesu apgūšanā un jaunu lietu izmēģināšanā. Šajā gadījumā es pirmo reizi lietoju Jekyll un pirmo reizi automatizēju SVG sistēmu.
Ekrāna apraides laikā es esmu pa vidu tam visam, bet es izveidoju sistēmu, kas darbojas nevainojami, tāpēc es izdomāju, ka ir piemērots laiks ar to dalīties. Es vienmēr domāju, ka ir piemērots laiks, lai dalītos - tieši tajā brīdī, kad kaut kas jums noklikšķina.
Notiekošās lietas:
- Grunt izpilda visus uzdevumus.
- Vietne tiek veidota ar Jekyll. Tas nozīmē, ka tas izkārtojumus un saturu apstrādā pilnās tīmekļa lapās. Kad mainās saturs vai izkārtojums, Grunt izpilda Jekyll būvējumu.
- Džekils vada arī vietējo serveri.
- Sass ir CSS priekšapstrādātājs. Kad mainās Sass fails, Grunt izpilda Sass komplikāciju. Tad Grunt uz rezultāta palaiž Autoprefixer. Tad Grunt atkal palaiž Jekyll būvējumu, lai pārliecinātos, ka visas jaunās lietas ir izmantojamas apstrādātajā vietnē.
- Vietne izmanto SVG sistēmu. Ikonas, bet arī logotips, un kas to zina, kas viss ir līdz tā beigām. SVG faili tiek glabāti atsevišķi mapē “svg”. Kad kāds no tiem mainās, Grunt izpilda uzdevumu svgstore, lai tos visus apstrādātu kopā. Tad Grunt vada Jekyll būvējumu, lai vietnei būtu pieejams viss pašreizējais SVG.
- Tā kā šī repo vietnē GitHub un GitHub Pages atbalsta Jekyll, mēs automātiski varam iegūt šīs vietnes tiešraides mitinātu versiju. Šajā vietnē mēs varam norādīt arī citu domēnu.