css is not part of the bundle with option cssCodeSplit since 3.1.0

[tleunen]

Describe the bug

With Vite 3.1.0 and the option cssCodeSplit, the css is not injected in the JS bundle. Also, the --watch also now produce a different output as well.

Surprisingly enough, in a private project, I was able to reproduce this inconsistency between build and build --watch and the cssCodeSplit option between 3.0.3 and 3.0.4, but in the repro project, it seems it's only starting at 3.1.0

Reproduction

https://github.com/tleunen/vite-build-watch-css-issue

System Info

System:
    OS: macOS 12.5.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 2.56 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.17.0 - ~/.volta/tools/image/node/16.17.0/bin/node
    Yarn: 1.22.19 - ~/.volta/bin/yarn
    npm: 8.15.0 - ~/.volta/tools/image/node/16.17.0/bin/npm
    Watchman: 2022.09.12.00 - /usr/local/bin/watchman
  Browsers:
    Brave Browser: 105.1.43.89
    Chrome: 105.0.5195.125
    Firefox: 104.0.1
    Safari: 15.6.1
  npmPackages:
    @vitejs/plugin-legacy: ^2.0.0 => 2.0.1
    @vitejs/plugin-react: ^2.0.0 => 2.0.1
    vite: 3.0.4 => 3.0.4

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[tleunen]

Just to add some additional info to this. Despite the option cssCodeSplit, it looks like the css is completely missing from the JS build starting at v3.1.0.

The second issue I'm seeing is that (even before 3.1.0), it looks like the output of build --watch is unpredictive. Sometimes it's the same as build, and other times it seems some build steps are missing. The code is not minified, and the css is missing.

[flieks]

I am also having this problem.
cssCodeSplit: false, is not creating 1 bundle of my css + js.

I am using this with build.lib as this is for a web component