search

mrcrowl / vscode-easy-less

Easy LESS extension for Visual Studio Code
MIT License
67 stars 23 forks source link

Also compile files referencing to saved file #29

Closed chrispader closed 5 years ago

chrispader commented 7 years ago

If you have, for example a index.less:

@import "vars.less"

body {
  color: @color-primary;
}

and a vars.less:

@color-primary: #FFF;

It would be great, when I change something in the vars.less, if the index.less would also get compiled.

BaamAadmi commented 7 years ago

+1
I am also trying to figure out the same. I have been using grunt/gulp for a long time. But now since angular ts, its not needed anymore and not cool to use grunt only for LESS -> CSS.

Thanks in advance. -Sudeep

Paul-Hebert commented 6 years ago

+1 Web Essentials for Visual Studio handles this. I'm trying to configure something similar for VsCode. Right now I need to manually go and save the parent LESS file every time.

MarkBird commented 6 years ago

Hi, I think what you are looking for is to add a comment to the top line of the vars.less file:

// main: index.less

Then if you change vars.less, index.less will also be compiled and your change should appear in index.css.

Paul-Hebert commented 6 years ago

Thanks @MarkBird! I'll try it out soon.