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

disableEncapsulation: true and watching scss? #1071

Open
kivils opened this issue Apr 10, 2017 · 0 comments
Open

disableEncapsulation: true and watching scss? #1071

kivils opened this issue Apr 10, 2017 · 0 comments

Comments

@kivils
Copy link

kivils commented Apr 10, 2017

Thanks for this tool, it's very useful!

I've implemented it into my gulp workflow about a year ago.
Recently I've upgraded to nodejs v6, and now I have an issue watching scss-files. (I'm not sure if this issue existed in nodejs v4 though).

My experience is as follows:

  1. If disableEncapsulation is set to false, gulp watch task works as expected: when I edit scss-files, the page with my styleguide reloads in the browser, and I can see edited styles on the page. Extra js are not applied.
  2. When I set disableEncapsulation to true (as I need extra js for styleguide - I use afterBody parameter), the page reloads in the browser, but new styles are not applied. I have to reload browser manually to see new styles on the page. Extra js are applied.

Is there a way to implement both features (extra js and watching mode for scss-files) at the same time?

Thanks!

Environment:
Windows 7
nodejs v6.9.5
gulp - local version 3.9.1, CLI version 1.2.1
npm v3.10.10
sc5-styleguide - v1.5.0

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

1 participant