나는 최근에 webpack을 사용하는 법을 배우고 있으며 webpack 파일 로더에 혼란 스럽다. 아시다시피 파일 로더를 사용하여 이미지와 같은 파일을 복사하고 파일 이름을 사용자 정의하거나 인코딩하여 경로를 반환 할 수 있습니다. 하지만 왜 파일 로더가 필요한지, 리턴 된 경로는 무엇인지 모르겠습니다. 나는 파일 로더가 할 수있는 일도 수동으로 쉽게 할 수 있다고 생각한다. 틀린가? 나는 webpack을 처음 사용하기 때문에 온라인에서 검색 한 결과 아무 것도 발견하지 못했습니다. 어떤 도움을 주셔서 감사합니다, 미리 감사드립니다!webpack 파일 로더는 어떤 기능을합니까?
file-loader을 사용하는 것이 편리 할 수있는 한 가지는 "파일 해시"라는 파일 이름을 생성 할 수 있다는 것입니다. 즉, 파일 이름에 파일 내용을 기반으로 해시가 있음을 의미합니다. 이것은 브라우저 또는 CDN 캐시로 인해 클라이언트가 실수로 이전 버전의 파일을 사용하지 않도록하는 데 많은 도움이됩니다. 따라서 require 파일을 URL로 가져 오면 코드의 새 버전에 대한 참조가 변경되지 않아야합니다. 자세한 내용은 설명서의 Filename template placeholders을 참조하십시오.
또한 file-loader이로드 된 모든 항목은 webpack의 애셋 JSON 출력에 포함되므로 모든 애셋을 한 곳에서 볼 수 있습니다.
당신은이 모든 것들이 수동으로 할 수 있다는 것이 맞지만, 많은 사람들이 이것을 더 편리하게 사용하기 위해 webpack을 사용합니다. YMMV.
감사합니다. 덕분에 많은 도움이되었습니다! –
"파일 로더가 할 수있는 일은 수동으로 쉽게 할 수 있다고 생각합니다."--- 시도해보십시오. – zerkms
필자는 파일 로더가 파일의 이름을 변경한다고 생각했습니다. 실수였습니다 ..... @zerkms –