1

WebPack 2를 사용 중이며 Vue를 사용하여 프로그래밍 방식으로 이미지 이름을 지정하고 HTML로 바인딩하려고합니다. 이미지 이름과 경로는 런타임까지 바인딩되지 않으므로 HTML과 File Loader는 URL을 다시 쓰지 않습니다.프로그래밍 방식의 img src를 사용하는 WebPack HTML 및 파일 로더

HTML/File 로더에게 파일 복사 플러그인 목록에 넣지 않고 "런타임에 [이 파일들]이 필요할 수 있습니다"라고 말할 수있는 방법이 있습니까?

<img :src="`~assets/images/tmp-iconic/${random}.jpg`"> 

작성된 그것은 클라이언트를 통해 전달되는 다음 뷰는 런타임에 $ {임의}을 결합, 물론 이미지가 응용 프로그램이 아닙니다. 당신이 원하는 것 무엇

감사

답변

1

이 대답 https://stackoverflow.com/a/33374807/379650를 사용하여 빌드를 통해 이미지 폴더를 복사합니다.

+0

복사 파일 플러그인을 사용하는 것은 특별히 피하려고했던 것입니다. 나는 내가 다시 그것에 빠질 수 있다는 것을 안다. 누락 된 로더에 대한 절호의 기회는 경로를 발견 할 수 있지만 파일을 해결할 수 없을 때 자동으로 폴더의 내용을 복사하는 것입니다. –