Using require in vite

Question

I try to use import(xxx) in vite to replace require(xxx), but import(xxx) will return a promise(async), how can I write like require(xxx) in vite?

let lang = require(`./${path}.json`)

Code Image

I try to change it to import(`./${path}.json`) but it will return a Promise, so that I can't get the index with file.

Answer 1

Top-level await has decent support in browsers and is available in Node as of two years ago, so you can do:

const lang = await import(`./${path}.json`, { assert: { type: "json" } })