Smidigaste sättet att kombinera och minifiera flera CSS & JS-filer?

[Martin79]

Söker ett smidigt sätt att kombinera CSS & JS filer så att det blir färre anrop från servern. Samma verktyg ska även minifiera/komprimera dem.

Vill dock att ha dem i originalversion (olika filer och ej minifierade) när jag arbetar med dem. Så det ska vara ett verktyg som snabbt fixar detta på alla filer strax innan jag laddar upp min sida via FTP.

Sidan består av PHP, HTML5, CSS3 och Javascript (jQuery)

[.M]

Det finns ett verktyg som heter Grunt som kan göra det åt dig har jag för mig. Jag är inte helt insatt i exakt hur det fungerar, men jag har för mig att det kan göra det åt dig.
 
Du kan kolla lite i den här tråden för en liknande frågeställning.
http://stackoverflow.com/questions/19664662/minify-some-files-combine-all-with-grunt-js

[ChromaWoods]

Om du inte har jobbat med task runners tidigare så skulle jag rekommendera Gulp istället för Grunt. Det är (tycker jag) lättare att ta sig in i och förstår. I Grunts config är du bunden till en JSON-struktur, medan i Gulp har du mer frihet att koda in logik för de olika stegen.

 

https://gulpjs.com

 

Du kommer att behöva installera Node först: https://nodejs.org

 

Jag har jobbat en del med både Gulp och Grunt, det är bara att fråga på så försöker jag ta mig tid att svara. Hinner inte fylla på mer just nu.