DioxusLabs / DioxusLabs/dioxus

`dx serve` hot-reloading ignores SASS @imports

Open
#4,008 1 comment 0 reactions 0 assignees View on GitHub
bug cli
Dominant language
Rust
Stars
39.1k
Forks
1.9k
Avg merge
4d 10h
Merged PRs (30d)
4

Description

**Problem**

When a SASS asset uses `@import`s the hot-reloading doesn't work when the imported files change.

**Steps To Reproduce**

- Create a couple of SCSS files:
- `/assets/main.scss`
- `/assets/card.scss`
```scss
.card {
background-color: yellow;
}
```
- Import `card.scss` in `main.scss`:
```scss
@import "card";
// @import "./card.scss"; // This also won't work
```
- `dx serve`
- Change the contents of `card.scss`, **the UI won't reload**.

**Expected behavior**

`dx serve` should detect that the referenced `card.scss` changed and should reload the CSS accordingly.

**Environment:**

- Dioxus version: 0.6.3 (fc1f1c2)
- Rust version: 1.86.0 (05f9846f8 2025-03-31)
- OS info: macOS Sequoia 15.3.1
- App platform: desktop

**Questionnaire**

I'm interested in fixing this myself **if it's doable for someone with little Rust experience**. I suppose that this could be more manageable if it's only supported when relative paths are used, e.g. `./card` or `./card.scss`.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.