vite静态资源处理

开发中遇到需求，需要根据返回值判断引入不同的图片，图片量比较多。查找文档后发现Vite可通过字符串模板支持动态 URL。
使用方法如下：

const imgUrl = new URL(
 `./dir/stop-${(index + 1) % 3}.png`,
  import.meta.url
).href;

或者按照官方封装为方法：

function getImageUrl(name) {
  return new URL(`./dir/${name}.png`, import.meta.url).href
}

Tips：
1、不支持路径别名写法，需要使用相对路径或绝对路径；
2、不支持import引入的图片再传递到参数中。

参考文档：Vite静态资源处理