LESS css compiler help in terminal

Question

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

Im using this on my simple HTML/CSS project. pure frontend. its not a Ruby or nodejs project.

And when I do

lessc styles.less styles.css -x -w

in terminal, it compiles and compresses the code, but doesn't watch the file for changes, since Im expecting LESS to auto compile and refresh the page automatically. So, if I do any changes in my styles.less, every-time I have to go to terminal and enter the command to compile the less css.

Also, the compiler does NOT even show any compile errors even if I add anything on purpose, but in that case it doesn't compiles.

Please guide me on how to achieve the above. This is my first day with LESS CSS.

topless · Accepted Answer · 2013-09-25 11:20:12Z

2

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

answered Sep 25, 2013 at 11:20

topless

8,24111 gold badges60 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

STEEL Over a year ago

thanks for replying. But is there anything for ubuntu like this one wearekiss.com/simpless

topless Over a year ago

You can use npmjs.org/package/watch-lessc which wraps watch. I am not really aware of any GUI for building it, I stick to the console, so I am OS independent. I think you can download simpleLess and build it on your own.

STEEL · Accepted Answer · 2013-09-26 05:03:16Z

1

I did this with help of @Oil on ubuntu forums.

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

then simply CD to the css folder. and run below lines together:

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

answered Sep 26, 2013 at 5:03

STEEL

10.3k10 gold badges76 silver badges93 bronze badges

Collectives™ on Stack Overflow

LESS css compiler help in terminal

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related