?url import is not working as expected with css files

[saurabhdaware]

Describe the bug

Heya!! so if I import .css files with ?url, I get export default text in the string. This does not happen when I import any other asset with ?url flag.

import styleUrl from './xyz.css?url'; // importing css file as URL
import jsUrl from './xyz.js?url';  // importing js file as URL

console.log(styleUrl); // this outputs text like, " export default './client/xyz.css' "
console.log(jsUrl); // this outputs text like " './client/xyz.js' "

I have added a reproduction link that shows the issue.

Reproduction

https://stackblitz.com/edit/vitejs-vite-ybvvxo?file=main.js&terminal=dev

System Info

System:
    OS: macOS 11.4
    CPU: (8) x64 Apple M1
    Memory: 24.57 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.5.0 - ~/.nvm/versions/node/v16.5.0/bin/node
    Yarn: 1.22.15 - ~/.yarn/bin/yarn
    npm: 7.19.1 - ~/.nvm/versions/node/v16.5.0/bin/npm
  Browsers:
    Brave Browser: 97.1.34.80
    Chrome: 98.0.4758.109
    Safari: 14.1.1

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.

[sapphi-red]

It seems like this is a duplicate of #3833.

[saurabhdaware]

Oh my bad. Yes it is. I think the discussion is happening here #2522 (comment).

Closing this issue then.