Loading JSON with the ?url flag causes the import to fail #2455

⚠️ IMPORTANT ⚠️ Please do not ignore this template. If you do, your issue will be closed immediately.

• Read the docs.
• 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.
• This is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

Describe the bug

I'm trying to use static url imports like the following:

import en from '../locales/en.json?url';

Raises the following error:

13:42:50 [vite] Internal server error: Failed to parse JSON file.
  Plugin: vite:json
  File: xxx/locales/de.json?url
      at formatError (xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:45829:46)
      at TransformContext.error (xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:45825:19)
      at TransformContext.transform (xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:46873:22)
      at Object.transform (xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:46027:53)
      at processTicksAndRejections (internal/process/task_queues.js:93:5)
      at async transformRequest (xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:61624:29)
      at async xxx\node_modules\vite\dist\node\chunks\dep-1bdbec90.js:61732:32

Due to imported json being first transformed into a JS module:

export default '/locales/en.json';

before getting processed by the JSON Plugin which can't parse the JSON because it's an JS module..

Reproduction

I think the problem is obvious, I can imagine that the ?url part needs to be handled first before the json plugin kicks in.

System Info

• vite version: 2.0.4
• Operating System: Windows 10 Pro
• Node version: v14.15.5
• Package manager (npm/yarn/pnpm) and version: 7.5.6

Logs (Optional if provided reproduction)

Everything from the start until the "crash".