new URL ,The packing volume increases 打包体积增大 about vite

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-irxn4k (Open reproduction)

[sapphi-red]

This is expected. Vite cannot analyze that name can only be home/aaa.jpg and thus it bundles all files in the imgs directory.

[a982246809]

@sapphi-red
Is there any way to solve it? I have used the getImageUrl method extensively in the project.
有什么可以办法可以解决吗 , 我已经在项目中大面积使用 getImageUrl 方法了

[sapphi-red]

I guess using import.meta.glob would work. With the following code, Vite will only bundle a.jpg and b.jpg and c.jpg.

const modules = import.meta.glob('./assets/img/{a,b,c}.jpg', { eager: true })
function getImageUrl(name) {
  return modules[`./assets/imgs/${name}`]
}