linkedin / linkedin/css-blocks
Glimmer js + CSS Blocks styles hot reload issue
- Dominant language
- TypeScript
- Stars
- 6.3k
- Forks
- 154
- PR merge metrics
- No merged PRs in 30d
Description
I wanted to use Glimmer.js + CSS Blocks for my project and found annoying issue at the beginning of my work. Does not matter how many times you will change css blocks file in editor server will not update it until restart it.
Steps to reproduce:
- open playground project https://github.com/linkedin/css-blocks/tree/master/packages/%40css-blocks/playground
- start server
- change css block file
Result: nothing was changed in browser
Expected: browser reload css file with new rules included to it
Also compiled css-blocks file ( http://localhost:4200/assets/css-blocks.css ) stayed the same until server restart.
Can someone help me to make it work?
Contributor guide
Research direction
Start with the playground project linked in the issue and run its server, then edit a CSS Blocks file while observing the browser and http://localhost:4200/assets/css-blocks.css. Done means the browser and compiled stylesheet reflect the changed rules without restarting the server.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- tooling, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 32/100