Glob imports do not work with CSS files

[plmrry]

Describe the bug

I'm not sure if this is a bug or a feature request.

When using import.meta.glob or import.meta.globEager on CSS files, their contents will be empty:

const css = import.meta.globEager("./*.css");
console.log(css);

This generates empty imports:

var one = '';

var __glob_0_0 = /*#__PURE__*/Object.freeze({
  __proto__: null,
  [Symbol.toStringTag]: 'Module',
  'default': one
});

var style = '';

var __glob_0_1 = /*#__PURE__*/Object.freeze({
  __proto__: null,
  [Symbol.toStringTag]: 'Module',
  'default': style
});

var two = '';

var __glob_0_2 = /*#__PURE__*/Object.freeze({
  __proto__: null,
  [Symbol.toStringTag]: 'Module',
  'default': two
});

Reproduction

https://stackblitz.com/edit/vite-css-glob-import?file=ssr-entry.js

System Info

N/A (stackblitz)

Used Package Manager

npm

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 https://github.com/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.

[wommy]

if you need a solution that works now,

i got css glob import working with postcss-import-ext-glob

[wommy]

also wondering if you tried passing an array to a function,
ala https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url,
i found my solution before i came across this