Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updating scss file does not recompile all scss files that imports it. #10

Open
jaw6x2 opened this issue Aug 15, 2018 · 5 comments
Open

Comments

@jaw6x2
Copy link

jaw6x2 commented Aug 15, 2018

I have a colors.scss file that holds all the colors for my site (theme colors). I @import "colors.scss" on all pages that use those colors. I can save those pages no problem and a css file is made or updated. The problem is when I change one of the theme colors in my colors.scss file and save, all the files that imported colors.scss is not updated or re-compiled. I have to manually open each file, make a change and then save for the file to get the updated color. Is there something i'm doing wrong or a configuration I don't have set?

Thanks,

@alexgred
Copy link
Contributor

@jaw6x2 easy-compiler works right. It's not functionality of easy-compiler. You need to use any task manager like gulp or grunt and configure them.

@kokoshneta
Copy link

kokoshneta commented Dec 16, 2019

@jaw6x2 easy-compiler works right. It's not functionality of easy-compiler. You need to use any task manager like gulp or grunt and configure them.

The entire point of extensions like this is to avoid having to set things up manually with Gulp or Grunt tasks. This is an intrinsic part of SCSS/LESS compilation that is simply missing from this extension. It is included in various other auto-compilers, and there’s no reason it shouldn’t be included in this one as well.

@lonix1
Copy link

lonix1 commented Dec 21, 2019

@kokoshneta Did you find an alternative extension? I also have this problem.

@refgd
Copy link
Owner

refgd commented Dec 21, 2019

You can add main option on top of SCSS/LESS file,
Examples:
file1

// out: main.css
@import file2;
.class{
....
}

file2

// main: file1  
@import file3;
.class{
....
}

file3 (file1 will compile)

// main: file2
.class{
....
}

@kokoshneta
Copy link

You can add main option on top of SCSS/LESS file…

Thank you for that! Not ideal, since you have to remember to update each included file every time you include it in a new file, but definitely better than having to manually recompile all the including files!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants