linkedin / linkedin/css-blocks

Glimmer js + CSS Blocks styles hot reload issue

Open
#186 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.