[VITE] - vite-plugin of vanilla-extract is not updating CSS style after saving.

[Darter90]

Describe the bug

After initializing a new testing installation of Vite + React, and after following the basic guidelines for installing vanilla-extract, it seems that the vite-plugin is not updating the CSS when saving a new change in watch mode:

By swapping vite-plugin version on the package.json, I found that the issue is happening only when using "@vanilla-extract/vite-plugin": "4.0.13 - 14 -15"; while using "@vanilla-extract/vite-plugin": "4.0.12", the issue disappear and the plugin is working as intended.

Reproduction

https://github.com/Darter90/react-vite-typescript-vanillaextract

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz
    Memory: 18.53 GB / 31.71 GB
  Binaries:
    Node: 20.13.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (129.0.2792.52)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @vanilla-extract/css: ^1.15.5 => 1.15.5
    @vanilla-extract/sprinkles: ^1.6.3 => 1.6.3
    @vanilla-extract/vite-plugin: 4.0.15 => 4.0.12
    vite: ^5.4.1 => 5.4.8

Used Package Manager

npm

Logs

No response

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[askoufis]

Looks like this change in v4.0.13 broke HMR invalidation for files that don't end in .css.ts. Bug aside, I'd suggest renaming the file to .css.ts, unless you absolutely have to export JSX alongside your VE styles (I don't even know if that would work?).

This will be fixed by #1482.

[askoufis]

@Darter90 This fix was released in https://github.com/vanilla-extract-css/vanilla-extract/releases/tag/%40vanilla-extract%2Fvite-plugin%404.0.16

[Darter90]

Thank you very much; I tested on my own and it compiles now.