Question

I want to use watch mode in my development environment. It works fine with single less file. But I have so many less files which are imported to app.less. My app.less looks

@import "variables";
@import "mixins";

It seems I can not use watch mode in this setting. Is there any other ways?

Answer 1

I’m totally agree with this comment
Refresh less css which has other imported less files without page load .
Thanks, thevasya.

But there’s no need to start several terminals.

watch: {
    less: {
        files: ['less/*.less'],
        tasks: 'less'
    },
    reload: {
        files: ['*.html',
                'css/app.css',
                'js/*.js'],
        tasks: 'reload'
    }
}

after that you can start watching by

$ grunt watch

and that’s it. If you change any less file, it will start only less task.

P.S.: This answer was updated for proper work with grunt 0.4.