vite can not import css file as url

[Inori-Lover]

Describe the bug

import css file as url will become something like this:

export default "/src/components/test.css"

while import js\png\svg with same grammar return the path right.

Reproduction

https://github.com/Inori-Lover/vite-can-not-import-css-as-url

System Info

System:
    OS: Windows 10 10.0.19042
    CPU: (12) x64 Intel(R) Core(TM) i7-10710U CPU @ 1.10GHz
    Memory: 3.52 GB / 15.81 GB
  Binaries:
    Node: 14.17.6 - C:\Program Files\nodejs\node.EXE       
    Yarn: 1.22.11 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1023.0), Chromium (94.0.992.31)
    Internet Explorer: 11.0.19041.1202
  npmPackages:
    @vitejs/plugin-vue: ^1.9.0 => 1.9.2 
    vite: ^2.5.10 => 2.5.10

Used Package Manager

npm

Logs

/

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/vue-next 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.

[jacksteamdev]

I want this for a plugin I'm building, but it's a bit tricky. I understand why #5229 was closed.

In production, the CSS from imported components is bundled into a single stylesheet. What is the URL for each import? Are they all the same? If you're creating a link tag for each one, you'll end up with a bunch of duplicates.

In development, CSS imports are converted to a JS file to support HMR. URL imports for CSS would make this more complicated, and break CSS HMR for a URL import, forcing a full reload.

We likely need something else, or should just support this on the entry file.

[bluwy]

Maybe related #2522

[jacksteamdev]

@bluwy Thanks, this seems to be the definitive comment: #2522 (comment)

[sapphi-red]

I think this could be closed by #5796 via #5940.