Como se puede compilar automaticamente less en git bash o con node.js? Me refiero a compilar automaticamente cuando guardo los cambios de...

Sebastián Buitrago

Sebastián Buitrago

Pregunta
studenthace 4 años

Como se puede compilar automaticamente less en git bash o con node.js?

Me refiero a compilar automaticamente cuando guardo los cambios del archivo .less y que al guardar se escriban en el archivo .css

6 respuestas
para escribir tu comentario
    Sebastián Buitrago

    Sebastián Buitrago

    studenthace 4 años

    Ya lo pude hacer esta genial, muchas gracias carlos

    Carlos Jaime Yerena

    Carlos Jaime Yerena

    studenthace 4 años

    Hola Sebastian, tienes que revisar si tienes algún error en tu comando, en la documentación está el ejemplo:

    less-watch-compiler src dist main.less

    El primer argumento src es la carpeta donde está alojados tus archivos less, el segundo argumento dist es la carpeta donde va a estar alojado tu archivo compilado y el último argumento main.less es el archivo principal que va a ser compilado. En este ejemplo estas tomando un archivo principal llamado main.less que se ubica en la carpeta src (es decir ./src/main.less) y lo estas compilando en una carpeta llamada dist con lo que tu archivo ya compilado va a tener la ruta ./dist/main.css. También puedes hacerlo con un archivo JSON de configuración con los parámetros:

    { "watchFolder": "src", "outputFolder": "dist", "mainFile": "main.less" }

    Y te va a dar el mismo resultado si usas el comando por si solo:

    less-watch-compiler

    Experimenta con eso a ver como te va. Mucha suerte!!!

    Sebastián Buitrago

    Sebastián Buitrago

    studenthace 4 años

    no se porque al usar este paquete no compila los cambios, o sea solo revisa que hayan cambios 'pero no los compila, o talvez lo estoy usando mal, pero igual muchas gracias por la info @carlos

    Sebastián Buitrago

    Sebastián Buitrago

    studenthace 4 años

    Mira que en less no me sirve ese comando, en cambio con otros si me ha funcionado

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 años

    ¡Hola! Aún no he trabajado con el compilador de less directamente, lo he trabajado con bundles que compilan tod (less incluído), pero estos bundles suelen tener una opción llamada

    --watch
    que se quedan esperando por cambios para compilar automáticamente.

    Podrías probar a agregar la bancera

    --watch
    al comando de compilación de less para mirar si lo tiene incorporado ^^

Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Los preprocesadores extienden las características de HTML y CSS promoviendo la escritura de código reutilizable y modular. Conoce la sintaxis, características e implementación de un preprocesador de HTML y CSS. Elabora plantillas modulares de páginas HTML con PUG. Utiliza los tres principales preprocesadores de CSS: Sass, Less y Stylus y decide cuál se ajusta mejor a tu flujo de trabajo.

Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Los preprocesadores extienden las características de HTML y CSS promoviendo la escritura de código reutilizable y modular. Conoce la sintaxis, características e implementación de un preprocesador de HTML y CSS. Elabora plantillas modulares de páginas HTML con PUG. Utiliza los tres principales preprocesadores de CSS: Sass, Less y Stylus y decide cuál se ajusta mejor a tu flujo de trabajo.