5t3ph / 5t3ph/eleventy-plugin-sass-lightningcss

Saving .scss files does a full browser page refresh instead of live reloading just the css update

Open
#1 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
42
Forks
4
PR merge metrics
No merged PRs in 30d

Description

Everything works correctly except when saving .scss files the browser does a full page refresh instead of live reloading just the css change.

Using:
```
"@11ty/eleventy": "^2.0.0",
"@11tyrocks/eleventy-plugin-sass-lightningcss": "^1.0.1",
```

When I use just plain `"sass": "^1.58.3"` with a `--watch` flag as a task alongside `npx @11ty/eleventy --serve` the updated styles live reload as expected.

Wonder if there's some config I'm missing.

Contributor guide

No contributing guide indexed for this repository

Research direction

Look at the plugin's source code to understand how it triggers rebuilds and live reloads. Compare the behavior with plain sass --watch. Check the Eleventy serve mode and how file changes are detected. The goal is to make .scss file saves trigger a CSS-only live reload instead of a full page refresh.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, sass
Domain
build-system, developer-experience
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.