Упозорење: ово је вијугави приказ екрана средњег нивоа у којем гледамо код који покреће процес израде странице. Не пишемо никакав код.
„Процес израде“ је све оно што се дешава између кода који напишете и кода који излази на активну веб локацију. Већ смо разговарали о коришћењу Грунта за ово. Сасс се обрађује, средства се комбинују, дешавају се минификација и оптимизација итд. Много је ствари које процес израде може учинити за вас.
Радим са Катие Ковалцин на изради новог личног сајта за њу. То је експеримент за обоје у учењу нових процеса и испробавању нових ствари. У овом случају први пут користим Јекилл и први пут аутоматизујем СВГ систем.
У време приказивања екрана, управо сам усред свега тога, али систем за изградњу је функционисао без проблема, па сам сматрао да је право време да то поделим. Увек мислим да је то право време за дељење - управо у тренутку када нешто кликне за вас.
Ствари се догађају:
- Грунт извршава све задатке.
- Страница се гради са Јекилл-ом. То значи да обрађује изглед и садржај у пуне веб странице. Када се садржај или изглед промене, Грунт покреће Јекилл-ову верзију.
- Јекилл такође покреће локални сервер.
- Сасс је ЦСС претпроцесор. Када се датотека Сасс промени, Грунт покреће компликацију Сасс. Тада Грунт покреће Аутопрефикер на резултату. Затим Грунт поново покреће Јекилл-ову верзију како би био сигуран да све нове ствари могу да се користе на обрађеној локацији.
- Сајт користи СВГ систем. За иконе, али и логотип, и ко зна шта све до краја. СВГ датотеке се чувају одвојено у директоријуму „свг“. Када се било која од њих промени, Грунт покреће задатак свгсторе да их све заједно обради. Тада Грунт покреће Јекилл-ову верзију тако да је свим тренутним СВГ-овима доступан сајт.
- Пошто ово репо на ГитХуб-у и ГитХуб странице подржавају Јекилл-а, можемо аутоматски добити живу, хостовану верзију ове странице. Такође можемо усмерити други домен на ову локацију.