# 130: Primeros momentos con Grunt - Trucos CSS

Anonim

Hay todas estas tareas que debemos hacer como desarrolladores frontales. Concatenar y comprimir nuestros archivos. Ejecute nuestros preprocesadores. Optimiza las imágenes. Realice pruebas. La lista sigue y sigue. Usar diferentes herramientas para todos ellos es cada vez más difícil. Ejecutarlos manualmente lo empeora y es fácil de arruinar.

Grunt es perfecto para controlar todo esto. Quizás esté familiarizado con herramientas como CodeKit (que se tratan en este screencast) para hacer este tipo de cosas. CodeKit es genial. Puede pensar en ello como una configuración de Grunt realmente específica con una interfaz agradable. Grunt sería un reemplazo de CodeKit si necesita hacer más con su proceso de compilación de lo que ofrece CodeKit.

En este screencast cubrimos cómo poner Grunt en funcionamiento en un proyecto simple. Esto está destinado a ser un video que acompaña a un artículo más completo sobre 24 formas.

Enlaces relevantes:

  • Asegúrese de haber hecho primero: Instalar Node
  • Grunt site: empezando
  • My Grunt Boilerplate, que hace lo que hicimos en este screencast y más cosas.
  • Complementos de Grunt de los que hablamos: Uglify, Sass, Watch

Nota: sé que soy un novato en Grunt. ¿Tienes buena información de Grunt para compartir? Me encantaría escuchar en los comentarios. Annnnnd sé que el video está un poco desordenado al final. Arreglará.