在vite中我们动态引入图片资源是封装了一个方法

// 获取本地assets中的资源
export function getAssetsImage(name: string) {
  return new URL('../assets' + name, import.meta.url).href;
}

开发环境时很正常 一点问题没有，但是打包后，发现图片资源404，仔细一看根本没有打包进dist目录。

于是我将我的方法改成了下面这样

// 获取本地assets中的资源
export function getAssetsImage(name: string) {
  return new URL(`../assets${name}`, import.meta.url).href;
}

然后发现依然是开发环境没问题但生产环境打包不进去。 (手动黑人问号)？？？

看了一下以前的项目， 发现是这样写的

// 获取本地assets中的资源
export function getAssetsImage(name: string) {
  return new URL(`../assets/${name}`, import.meta.url).href;
}

Vite打包图片资源找不到问题

(CDP)相关问题