LESS css compiler help in terminal

Question

Im using Ubuntu 13.04 (Linux) I installed node and npm. With npm, I downloaded less through the terminal.

I use this in my simple HTML / CSS project. clean interface. This is not a Ruby or nodejs project.

And when I do

lessc styles.less styles.css -x -w 

in the terminal, it compiles and compresses the code, but does not look at the file for changes, since Im expects LESS to automatically compile and refresh the page automatically. So, if I make any changes to my styles., Each time I have to go to the terminal and enter a command to compile less CSS.

In addition, the compiler does not even show any compilation errors , even if I specifically add something, but in this case it does not compile.

Please tell us how to do this. This is my first day with LESS CSS.

Answer 1

If you type lessc help , you will see that there is no argument -w or -watch. What you can do is use a build system such as GruntJS with an extension like grunt-contrib-watch , and you have a monitor for smaller files and css build on change.

Answer 2

I did this using @Oil on the ubuntu forums.

In the terminal, 1. install sudo apt-get install inotify-tools

• and then just cd to the css folder. and run below the lines together:

  while inotifywait -r styles.less; do lessc -x styles.less styles.css; done