vue 를 사용할땐 img src 를 동적으로 사용하기위해 이런식의 webpack 에서 지원하는 require 을 이용했었다. webpack을 사용하지않는 vite 에서는 작동하지 않는다.. 공식문서를 찾아보니 https://vitejs-kr.github.io/guide/assets.html#new-url-url-import-meta-url Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io 가져오는 방법이 따로 존재했다 조금더 다듬어야겠지만 요런식으로 src 가공후 동적으로 사용하면 될것같다. (ssr 에선 동작하지않는다고 한다.)