Disable preload in Vite

[ikangjie]

Clear and concise description of the problem

I now use "vite + vue3" to develop "Chrome ext", but now I encounter a very troublesome problem, that is, when I use the "import()" asynchronous function, "vite build" will add the fragment of import {} from "./preload-helper.js", but chrome ext does not support this. I consulted the official vite documentation and did not have this option to disable this preload, even if I used build Polyfillmodulepreload = false, still not effective. Can you have such an option to prohibit perload?

Suggested solution

build.preloads = false

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[ikangjie]

dev:
./content.js
(async () => {
const src = chrome.runtime.getURL('uuidv4.js')
const uuidv4 = await import(src)
console.log(uuidv4.default())
})()

build:
./content.js
import {_} from "./preload-helper.js";
(async()=>{
const n = chrome.runtime.getURL("uuidv4.js")
, a = await _(()=>import(n), []);
console.log(a.default())
}
)();

chrome ext: Uncaught SyntaxError: Cannot use import statement outside a module

[sapphi-red]

The problem here is that content script does not support esm. Vite bundles to esm by default.
You need to use lib.formats to output to iife like this.
https://github.com/antfu/vitesse-webext/blob/b676ddf825e0e977d2c5d561de7389db5371d646/vite.config.content.ts#L22
Also preload is disabled for lib mode so the problem won't appear if you switch to lib mode.

[sapphi-red]

Closing as it is either invalid or a duplicate of #5991.