publicPath 구성 옵션은 자리 표시자 역할을 하여 정적 자산에 대한 경로를 동적으로 조정할 수 있습니다.

설명하기 위해 commons.js와 같은 정적 자산을 CDN에 업로드한 시나리오를 고려해 보겠습니다. 이 파일의 실제 URL은 다음과 같습니다:

https://s1.cdn.com/my-project/commons.js

그러나 HTML 페이지는 일반적으로 자신의 도메인에서 제공됩니다. 예:
https://my-own-domain.com/my-project/index.html

index.html이 CDN 호스팅 정적 파일을 올바르게 참조하는지 확인하려면 publicPath 설정을 활용할 수 있습니다. 이 구성은 index.html 내의 commons.js의 로컬 경로를 다음에서 대체합니다:

https://my-own-domain.com/my-project/commons.js
CDN 경로로:

https://s1.cdn.com/my-project/commons.js
publicPath를 설정하면 HTML 파일의 정적 자산에 대한 모든 참조가 올바른 CDN URL을 가리키도록 보장하여 효율적인 콘텐츠 전달을 촉진합니다.