Compile .less files into .css after every update












5















I have installed node, and npm. With npm I downloaded less.



And when I do



lessc styles.less styles.css -x -w


in terminal, it compiles and compresses the code, but doesnt 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.



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










share|improve this question




















  • 1





    Can you rephrase your question title to make it better fit the content of your question?

    – don.joey
    Sep 25 '13 at 13:44













  • I've edited it.

    – int_ua
    May 14 '14 at 14:44
















5















I have installed node, and npm. With npm I downloaded less.



And when I do



lessc styles.less styles.css -x -w


in terminal, it compiles and compresses the code, but doesnt 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.



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










share|improve this question




















  • 1





    Can you rephrase your question title to make it better fit the content of your question?

    – don.joey
    Sep 25 '13 at 13:44













  • I've edited it.

    – int_ua
    May 14 '14 at 14:44














5












5








5


4






I have installed node, and npm. With npm I downloaded less.



And when I do



lessc styles.less styles.css -x -w


in terminal, it compiles and compresses the code, but doesnt 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.



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










share|improve this question
















I have installed node, and npm. With npm I downloaded less.



And when I do



lessc styles.less styles.css -x -w


in terminal, it compiles and compresses the code, but doesnt 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.



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







command-line compiling css






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited May 14 '14 at 13:40









int_ua

4,226751111




4,226751111










asked Sep 25 '13 at 10:57









STEELSTEEL

1981211




1981211








  • 1





    Can you rephrase your question title to make it better fit the content of your question?

    – don.joey
    Sep 25 '13 at 13:44













  • I've edited it.

    – int_ua
    May 14 '14 at 14:44














  • 1





    Can you rephrase your question title to make it better fit the content of your question?

    – don.joey
    Sep 25 '13 at 13:44













  • I've edited it.

    – int_ua
    May 14 '14 at 14:44








1




1





Can you rephrase your question title to make it better fit the content of your question?

– don.joey
Sep 25 '13 at 13:44







Can you rephrase your question title to make it better fit the content of your question?

– don.joey
Sep 25 '13 at 13:44















I've edited it.

– int_ua
May 14 '14 at 14:44





I've edited it.

– int_ua
May 14 '14 at 14:44










3 Answers
3






active

oldest

votes


















5














Simply put, the -w argument doesn't exist.



$ lessc --help
usage: lessc [option option=parameter ...] <source> [destination]

If source is set to `-' (dash or hyphen-minus), input is read from stdin.

options:
-h, --help Print help (this message) and exit.
--include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
-M, --depends Output a makefile import dependency list to stdout
--no-color Disable colorized output.
--no-ie-compat Disable IE compatibility checks.
-l, --lint Syntax check only (lint).
-s, --silent Suppress output of error messages.
--strict-imports Force evaluation of imports.
--verbose Be verbose.
-v, --version Print version number and exit.
-x, --compress Compress output by removing some whitespaces.
--yui-compress Compress output using ycssmin
--max-line-len=LINELEN Max line length used by ycssmin
-O0, -O1, -O2 Set the parser's optimization level. The lower
the number, the less nodes it will create in the
tree. This could matter for debugging, or if you
want to access the individual nodes in the tree.
--line-numbers=TYPE Outputs filename and line numbers.
TYPE can be either 'comments', which will output
the debug info within comments, 'mediaquery'
that will output the information within a fake
media query which is compatible with the SASS
format, and 'all' which will do both.
-rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
Works with or without the relative-urls option.
-ru, --relative-urls re-write relative urls to the base less file.
-sm=on|off Turn on or off strict math, where in strict mode, math
--strict-math=on|off requires brackets. This option may default to on and then
be removed in the future.
-su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
--strict-units=on|off that cannot be represented.

Report bugs to: http://github.com/cloudhead/less.js/issues
Home page: <http://lesscss.org/>


However, you can use inotify to watch for changes and this accomplishes roughly what you want:



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




2019 update: While lessc is something I still do use directly, occasionally, I tend to lean towards a full webpack stack these days.



It's not quite as soul destroying as it appears from afar, but it can take some time (and trust) to get set up. Especially if you have preconceptions about how this stuff should work.



And yes, I'm sure by Summer 2019 webpack will be a dead project and all the client-side-hipsters will have moved onto something else. That's just the risk here. The good thing is that ultimately this is a layer on top of things like LESS and SASS and various scripting languages, and it's all client side. So you can continue to be a dinosaur for as long as you like.






share|improve this answer


























  • Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

    – STEEL
    Sep 25 '13 at 11:21






  • 1





    So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

    – Oli
    Sep 25 '13 at 11:25











  • I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

    – STEEL
    Sep 25 '13 at 11:52






  • 3





    That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

    – Oli
    Sep 25 '13 at 11:56











  • Thanks it worked. I just had to install inotify-tools and run your lines. :)

    – STEEL
    Sep 26 '13 at 4:58



















4














There is now much easier method.



Install NodeJs.
And via NPM install less-monitor



https://www.npmjs.org/package/less-monitor






share|improve this answer



















  • 1





    Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

    – chbrown
    Jul 15 '15 at 0:09











  • Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

    – STEEL
    Jul 15 '15 at 2:11





















1














Use less-watch-compiler:



Install globally



$ (sudo) npm install -g less-watch-compiler


Usage without main file



$ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT


Usage with main file



$ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less





share|improve this answer























    Your Answer








    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "89"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f349855%2fcompile-less-files-into-css-after-every-update%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    3 Answers
    3






    active

    oldest

    votes








    3 Answers
    3






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    5














    Simply put, the -w argument doesn't exist.



    $ lessc --help
    usage: lessc [option option=parameter ...] <source> [destination]

    If source is set to `-' (dash or hyphen-minus), input is read from stdin.

    options:
    -h, --help Print help (this message) and exit.
    --include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
    -M, --depends Output a makefile import dependency list to stdout
    --no-color Disable colorized output.
    --no-ie-compat Disable IE compatibility checks.
    -l, --lint Syntax check only (lint).
    -s, --silent Suppress output of error messages.
    --strict-imports Force evaluation of imports.
    --verbose Be verbose.
    -v, --version Print version number and exit.
    -x, --compress Compress output by removing some whitespaces.
    --yui-compress Compress output using ycssmin
    --max-line-len=LINELEN Max line length used by ycssmin
    -O0, -O1, -O2 Set the parser's optimization level. The lower
    the number, the less nodes it will create in the
    tree. This could matter for debugging, or if you
    want to access the individual nodes in the tree.
    --line-numbers=TYPE Outputs filename and line numbers.
    TYPE can be either 'comments', which will output
    the debug info within comments, 'mediaquery'
    that will output the information within a fake
    media query which is compatible with the SASS
    format, and 'all' which will do both.
    -rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
    Works with or without the relative-urls option.
    -ru, --relative-urls re-write relative urls to the base less file.
    -sm=on|off Turn on or off strict math, where in strict mode, math
    --strict-math=on|off requires brackets. This option may default to on and then
    be removed in the future.
    -su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
    --strict-units=on|off that cannot be represented.

    Report bugs to: http://github.com/cloudhead/less.js/issues
    Home page: <http://lesscss.org/>


    However, you can use inotify to watch for changes and this accomplishes roughly what you want:



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




    2019 update: While lessc is something I still do use directly, occasionally, I tend to lean towards a full webpack stack these days.



    It's not quite as soul destroying as it appears from afar, but it can take some time (and trust) to get set up. Especially if you have preconceptions about how this stuff should work.



    And yes, I'm sure by Summer 2019 webpack will be a dead project and all the client-side-hipsters will have moved onto something else. That's just the risk here. The good thing is that ultimately this is a layer on top of things like LESS and SASS and various scripting languages, and it's all client side. So you can continue to be a dinosaur for as long as you like.






    share|improve this answer


























    • Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

      – STEEL
      Sep 25 '13 at 11:21






    • 1





      So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

      – Oli
      Sep 25 '13 at 11:25











    • I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

      – STEEL
      Sep 25 '13 at 11:52






    • 3





      That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

      – Oli
      Sep 25 '13 at 11:56











    • Thanks it worked. I just had to install inotify-tools and run your lines. :)

      – STEEL
      Sep 26 '13 at 4:58
















    5














    Simply put, the -w argument doesn't exist.



    $ lessc --help
    usage: lessc [option option=parameter ...] <source> [destination]

    If source is set to `-' (dash or hyphen-minus), input is read from stdin.

    options:
    -h, --help Print help (this message) and exit.
    --include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
    -M, --depends Output a makefile import dependency list to stdout
    --no-color Disable colorized output.
    --no-ie-compat Disable IE compatibility checks.
    -l, --lint Syntax check only (lint).
    -s, --silent Suppress output of error messages.
    --strict-imports Force evaluation of imports.
    --verbose Be verbose.
    -v, --version Print version number and exit.
    -x, --compress Compress output by removing some whitespaces.
    --yui-compress Compress output using ycssmin
    --max-line-len=LINELEN Max line length used by ycssmin
    -O0, -O1, -O2 Set the parser's optimization level. The lower
    the number, the less nodes it will create in the
    tree. This could matter for debugging, or if you
    want to access the individual nodes in the tree.
    --line-numbers=TYPE Outputs filename and line numbers.
    TYPE can be either 'comments', which will output
    the debug info within comments, 'mediaquery'
    that will output the information within a fake
    media query which is compatible with the SASS
    format, and 'all' which will do both.
    -rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
    Works with or without the relative-urls option.
    -ru, --relative-urls re-write relative urls to the base less file.
    -sm=on|off Turn on or off strict math, where in strict mode, math
    --strict-math=on|off requires brackets. This option may default to on and then
    be removed in the future.
    -su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
    --strict-units=on|off that cannot be represented.

    Report bugs to: http://github.com/cloudhead/less.js/issues
    Home page: <http://lesscss.org/>


    However, you can use inotify to watch for changes and this accomplishes roughly what you want:



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




    2019 update: While lessc is something I still do use directly, occasionally, I tend to lean towards a full webpack stack these days.



    It's not quite as soul destroying as it appears from afar, but it can take some time (and trust) to get set up. Especially if you have preconceptions about how this stuff should work.



    And yes, I'm sure by Summer 2019 webpack will be a dead project and all the client-side-hipsters will have moved onto something else. That's just the risk here. The good thing is that ultimately this is a layer on top of things like LESS and SASS and various scripting languages, and it's all client side. So you can continue to be a dinosaur for as long as you like.






    share|improve this answer


























    • Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

      – STEEL
      Sep 25 '13 at 11:21






    • 1





      So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

      – Oli
      Sep 25 '13 at 11:25











    • I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

      – STEEL
      Sep 25 '13 at 11:52






    • 3





      That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

      – Oli
      Sep 25 '13 at 11:56











    • Thanks it worked. I just had to install inotify-tools and run your lines. :)

      – STEEL
      Sep 26 '13 at 4:58














    5












    5








    5







    Simply put, the -w argument doesn't exist.



    $ lessc --help
    usage: lessc [option option=parameter ...] <source> [destination]

    If source is set to `-' (dash or hyphen-minus), input is read from stdin.

    options:
    -h, --help Print help (this message) and exit.
    --include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
    -M, --depends Output a makefile import dependency list to stdout
    --no-color Disable colorized output.
    --no-ie-compat Disable IE compatibility checks.
    -l, --lint Syntax check only (lint).
    -s, --silent Suppress output of error messages.
    --strict-imports Force evaluation of imports.
    --verbose Be verbose.
    -v, --version Print version number and exit.
    -x, --compress Compress output by removing some whitespaces.
    --yui-compress Compress output using ycssmin
    --max-line-len=LINELEN Max line length used by ycssmin
    -O0, -O1, -O2 Set the parser's optimization level. The lower
    the number, the less nodes it will create in the
    tree. This could matter for debugging, or if you
    want to access the individual nodes in the tree.
    --line-numbers=TYPE Outputs filename and line numbers.
    TYPE can be either 'comments', which will output
    the debug info within comments, 'mediaquery'
    that will output the information within a fake
    media query which is compatible with the SASS
    format, and 'all' which will do both.
    -rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
    Works with or without the relative-urls option.
    -ru, --relative-urls re-write relative urls to the base less file.
    -sm=on|off Turn on or off strict math, where in strict mode, math
    --strict-math=on|off requires brackets. This option may default to on and then
    be removed in the future.
    -su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
    --strict-units=on|off that cannot be represented.

    Report bugs to: http://github.com/cloudhead/less.js/issues
    Home page: <http://lesscss.org/>


    However, you can use inotify to watch for changes and this accomplishes roughly what you want:



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




    2019 update: While lessc is something I still do use directly, occasionally, I tend to lean towards a full webpack stack these days.



    It's not quite as soul destroying as it appears from afar, but it can take some time (and trust) to get set up. Especially if you have preconceptions about how this stuff should work.



    And yes, I'm sure by Summer 2019 webpack will be a dead project and all the client-side-hipsters will have moved onto something else. That's just the risk here. The good thing is that ultimately this is a layer on top of things like LESS and SASS and various scripting languages, and it's all client side. So you can continue to be a dinosaur for as long as you like.






    share|improve this answer















    Simply put, the -w argument doesn't exist.



    $ lessc --help
    usage: lessc [option option=parameter ...] <source> [destination]

    If source is set to `-' (dash or hyphen-minus), input is read from stdin.

    options:
    -h, --help Print help (this message) and exit.
    --include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
    -M, --depends Output a makefile import dependency list to stdout
    --no-color Disable colorized output.
    --no-ie-compat Disable IE compatibility checks.
    -l, --lint Syntax check only (lint).
    -s, --silent Suppress output of error messages.
    --strict-imports Force evaluation of imports.
    --verbose Be verbose.
    -v, --version Print version number and exit.
    -x, --compress Compress output by removing some whitespaces.
    --yui-compress Compress output using ycssmin
    --max-line-len=LINELEN Max line length used by ycssmin
    -O0, -O1, -O2 Set the parser's optimization level. The lower
    the number, the less nodes it will create in the
    tree. This could matter for debugging, or if you
    want to access the individual nodes in the tree.
    --line-numbers=TYPE Outputs filename and line numbers.
    TYPE can be either 'comments', which will output
    the debug info within comments, 'mediaquery'
    that will output the information within a fake
    media query which is compatible with the SASS
    format, and 'all' which will do both.
    -rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
    Works with or without the relative-urls option.
    -ru, --relative-urls re-write relative urls to the base less file.
    -sm=on|off Turn on or off strict math, where in strict mode, math
    --strict-math=on|off requires brackets. This option may default to on and then
    be removed in the future.
    -su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
    --strict-units=on|off that cannot be represented.

    Report bugs to: http://github.com/cloudhead/less.js/issues
    Home page: <http://lesscss.org/>


    However, you can use inotify to watch for changes and this accomplishes roughly what you want:



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




    2019 update: While lessc is something I still do use directly, occasionally, I tend to lean towards a full webpack stack these days.



    It's not quite as soul destroying as it appears from afar, but it can take some time (and trust) to get set up. Especially if you have preconceptions about how this stuff should work.



    And yes, I'm sure by Summer 2019 webpack will be a dead project and all the client-side-hipsters will have moved onto something else. That's just the risk here. The good thing is that ultimately this is a layer on top of things like LESS and SASS and various scripting languages, and it's all client side. So you can continue to be a dinosaur for as long as you like.







    share|improve this answer














    share|improve this answer



    share|improve this answer








    edited 7 hours ago

























    answered Sep 25 '13 at 11:15









    OliOli

    221k86558762




    221k86558762













    • Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

      – STEEL
      Sep 25 '13 at 11:21






    • 1





      So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

      – Oli
      Sep 25 '13 at 11:25











    • I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

      – STEEL
      Sep 25 '13 at 11:52






    • 3





      That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

      – Oli
      Sep 25 '13 at 11:56











    • Thanks it worked. I just had to install inotify-tools and run your lines. :)

      – STEEL
      Sep 26 '13 at 4:58



















    • Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

      – STEEL
      Sep 25 '13 at 11:21






    • 1





      So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

      – Oli
      Sep 25 '13 at 11:25











    • I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

      – STEEL
      Sep 25 '13 at 11:52






    • 3





      That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

      – Oli
      Sep 25 '13 at 11:56











    • Thanks it worked. I just had to install inotify-tools and run your lines. :)

      – STEEL
      Sep 26 '13 at 4:58

















    Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

    – STEEL
    Sep 25 '13 at 11:21





    Im sorry, but Im using this on simple frontend HTML/css project. it s not Ruby or node.

    – STEEL
    Sep 25 '13 at 11:21




    1




    1





    So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

    – Oli
    Sep 25 '13 at 11:25





    So? It's just a tool with which to generate your CSS (and in grunt's case, process your assets). It has nothing to do with the production stack.

    – Oli
    Sep 25 '13 at 11:25













    I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

    – STEEL
    Sep 25 '13 at 11:52





    I still didnt get you. the WHILE DO Look you have given, where do I add it. I will check grunt soon

    – STEEL
    Sep 25 '13 at 11:52




    3




    3





    That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

    – Oli
    Sep 25 '13 at 11:56





    That's bash... You'd stick it in a terminal and run it. You can remove the linebreaks if you want.

    – Oli
    Sep 25 '13 at 11:56













    Thanks it worked. I just had to install inotify-tools and run your lines. :)

    – STEEL
    Sep 26 '13 at 4:58





    Thanks it worked. I just had to install inotify-tools and run your lines. :)

    – STEEL
    Sep 26 '13 at 4:58













    4














    There is now much easier method.



    Install NodeJs.
    And via NPM install less-monitor



    https://www.npmjs.org/package/less-monitor






    share|improve this answer



















    • 1





      Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

      – chbrown
      Jul 15 '15 at 0:09











    • Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

      – STEEL
      Jul 15 '15 at 2:11


















    4














    There is now much easier method.



    Install NodeJs.
    And via NPM install less-monitor



    https://www.npmjs.org/package/less-monitor






    share|improve this answer



















    • 1





      Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

      – chbrown
      Jul 15 '15 at 0:09











    • Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

      – STEEL
      Jul 15 '15 at 2:11
















    4












    4








    4







    There is now much easier method.



    Install NodeJs.
    And via NPM install less-monitor



    https://www.npmjs.org/package/less-monitor






    share|improve this answer













    There is now much easier method.



    Install NodeJs.
    And via NPM install less-monitor



    https://www.npmjs.org/package/less-monitor







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Nov 12 '14 at 6:01









    STEELSTEEL

    1981211




    1981211








    • 1





      Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

      – chbrown
      Jul 15 '15 at 0:09











    • Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

      – STEEL
      Jul 15 '15 at 2:11
















    • 1





      Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

      – chbrown
      Jul 15 '15 at 0:09











    • Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

      – STEEL
      Jul 15 '15 at 2:11










    1




    1





    Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

    – chbrown
    Jul 15 '15 at 0:09





    Hmm, less-monitor hasn't been updated in 3 years, and assumes you run Windows — the CLI dies on OS X due to Windows-specific line endings.

    – chbrown
    Jul 15 '15 at 0:09













    Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

    – STEEL
    Jul 15 '15 at 2:11







    Yes I used to use Windows. This is very old question. I was a noob back then. Now I use grunt and sometimes gulp. Thanks

    – STEEL
    Jul 15 '15 at 2:11













    1














    Use less-watch-compiler:



    Install globally



    $ (sudo) npm install -g less-watch-compiler


    Usage without main file



    $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT


    Usage with main file



    $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less





    share|improve this answer




























      1














      Use less-watch-compiler:



      Install globally



      $ (sudo) npm install -g less-watch-compiler


      Usage without main file



      $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT


      Usage with main file



      $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less





      share|improve this answer


























        1












        1








        1







        Use less-watch-compiler:



        Install globally



        $ (sudo) npm install -g less-watch-compiler


        Usage without main file



        $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT


        Usage with main file



        $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less





        share|improve this answer













        Use less-watch-compiler:



        Install globally



        $ (sudo) npm install -g less-watch-compiler


        Usage without main file



        $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT


        Usage with main file



        $ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Feb 18 '17 at 16:32









        AndreaAndrea

        4223615




        4223615






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Ask Ubuntu!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f349855%2fcompile-less-files-into-css-after-every-update%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            GameSpot

            日野市

            Tu-95轟炸機