tutorial español ejemplos bootstrap twitter-bootstrap gruntjs less workflow bower

twitter-bootstrap - ejemplos - bootstrap español



Flujo de trabajo de desarrollo: Bootstrap(menos), Bower y Grunt (1)

Según publicado anteriormente por Bass Jobsen:

no tiene que copiar bootstrap.less y variables.less. Menos utiliza la carga diferida y la última declaración gana para las variables, por lo que puede poner su definición después para (re) asignarlas. Cree un archivo project.less que @importe bootstrap.less desde su carpeta bower y ponga sus asignaciones de variables personalizadas, mixins y código después del @import

Intento intensificar mi juego en lo que respecta a mi estructura de carpetas y flujo de trabajo. Recientemente descubrí que la administración de paquetes de front-end y la automatización de tareas son clave para mejorar la velocidad, disminuir el tiempo de desarrollo, disminuir el tamaño del archivo y aumentar las ganancias.

Mi problema es que no estoy muy seguro de cuál es el mejor método para usar estas herramientas. Tengo una carpeta de compilaciones, que incluye una carpeta dev y prod. Mis componentes están fuera de esta carpeta en la carpeta bower_components.

Normalmente personalizo bootstrap y aprovecho su archivo de variables y mixins. Copié el archivo bootstrap.less y el archivo variables.less y los coloqué en builds-> dev-> less. Luego tengo que compilar menos compilando el archivo bootstrap.less de este nuevo directorio.

¿Es esta la mejor manera de usar bootstrap y hay menos archivos en esta configuración? Quiero usar bower debido a su potencia, pero también quiero mantener el poder de personalizar bootstrap y menos archivos.

¿Qué piensan ustedes?

NB: Normalmente codigo temas para sitios web de folletos y aplicaciones muy pequeñas.