question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support BrowserSync CSS injection

See original GitHub issue

I noticed this existed before, with a .pipe($.if(!argv.prod, browserSync.stream())) call in the styles task, but a fresh generation of jekyllized fully reloads the page when the CSS changes, which makes the process of designing in the browser very slow.

Is there any chance this could come back?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
sondr3commented, Jul 28, 2016

Done! I’ve published a new version of the generator to NPM so you can install it again and run yo jekyllized:update to get the new configuration. You’ll have to delete styles.js, scripts.js and browsersync.js because I had to merge them into assets.js 😃

0reactions
paulozoomcommented, Jul 27, 2016

Thanks so much for taking a look!

On Wed, Jul 27, 2016 at 6:32 AM, Sondre Nilsen notifications@github.com wrote: I’ve looked into this and the changes are either so trivial I’m completely overlooking them or I’m going to have to do some changes to how it generates the CSS and JS, I’ll figure something out.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub [https://github.com/sondr3/generator-jekyllized/issues/143#issuecomment-235481427] , or mute the thread [https://github.com/notifications/unsubscribe-auth/AAEPM2csit_oc4jN2rEb6YckILTMwkKgks5qZt9GgaJpZM4JKcrd] .

Read more comments on GitHub >

github_iconTop Results From Across the Web

HOW TO: CSS streaming/injection with Browsersync
Browsersync offers `streaming` as part of its API. It's a powerful feature that allows us to inject changes into the browser without triggering...
Read more >
Browsersync options
Browsersync can watch your files as you work. Changes you make will either be injected into the page (CSS & images) or will...
Read more >
CSS injection using browsersync? · Issue #413 - GitHub
I was super-happy to see support for it appear in 0.7.4 and immediately tried it out. I got it up and running using...
Read more >
Browsersync Proxy Site Inject CSS - Stack Overflow
I have used rewriteRules to replace an existing CSS file on the proxy URL with my local CSS but I can't seem to...
Read more >
Cross Browser CSS Injection
Browser-sync is a tool that gives you cross-browser CSS injecting. It will watch over your files and the moment you make a change, ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found