JS url imports are inlined in production

[NickTomlin]

Describe the bug

I'd like to use a reference to a JS file to be loaded on-demand. In development, I can use the import ("path?url") or new URL("path", import.meta.url).hrf approaches outlined in static assets to get the resolved url to the file.

In production, the file is inlined (data:application/javascript;base64,ZXhw) regardless of the method I use. I would expect this to resolve to something like assets/path-9d3f80c0.js.

I think the approaches outlined in #2173 might work, but it would be ideal if url was honored and not inlined.

Reproduction

https://stackblitz.com/edit/vitejs-vite-9w3pt3?file=main.js,.vscode%2Fsettings.json,package.json&terminal=prod

Steps to reproduce

Run npm run build && npm run preview

Run npm run dev (or see this example) to see the dev behavior.

System Info

npx envinfo --system --npmPackages '{vite,@vitejs/*}' --binaries --browsers


success Install finished in 1.097s


  System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 16.14.2 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 7.17.0 - /usr/local/bin/npm
  npmPackages:
    vite: ^4.3.2 => 4.3.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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-9w3pt3 (Open reproduction)

[fi3ework]

Duplicate of #2173, let's track the resolution which provided a fine-grained control in #8717.