Dette er en dokumentation af hvordan du kommer op at kører med grunt og f.eks. et Drupal tema.
For at kunne starte med at style på dette projekt skal man grunt og nogle hjælpe pakker installeret. Det gøres med følgende kommando.
npm install
Kører en grunt watch på javascripts og scss filerne
grunt
Kører en fuld grunt hvor der fortolkes og komprimers kode og billeder.
grunt dist
I dette katalog ligge source javascript koden.
Et forsøg på at lave Grunt koden mere objekt-orienteret, så vi får hvert grunt modul har sin egen sub fil. Det skulle gerne sikre at det er nemmere at finde fejl.
Her ligger produktions billederne, dvs. når de er blevet optimeret enten lokalt via f.eks. ImageOptim.app eller via Grunt (dist men ikke en del af grunt default).
Her lægges rå billeder som ikke er optimeret og som skal kunne bruges i forskellige størrelser via imager.js
Produktions javascript og dette skal være minificeret og uglified og alt det der bells and whistles.
Her kodes SASS det burde have ligget i app/ men er lagt her for at gøre det mere ensartet i forhold til standard themes.
Produktions stylesheets som er komprimeret.
Alle webfonts eller ikoner som bruges på sitet lægges her. Fonte købes f.eks. via myfonts. Ikoner som skal burges på sitet skal primært være som ikon fonts for at sikre en god performance på sitet. Brug fontello da du så kan bruge den json fil som ligger i mappen til at hente de fonte og deres værdier som er allerede er lavet. Og dermed ungår du at skulle lave alle koder om fremover.