테마 컴포넌트의 업데이트된 스크립트에 캐시 버스팅 적용?

개발
1

안녕하세요, 이 스크립트에서 이미지 URL과/또는 <href> 링크를 변경할 때, 사용자 브라우저 세션에 캐시된 JavaScript가 어떻게 갱신될 수 있는지 가능한 옵션이 궁금합니다. 해당 스크립트는 새 테마 구성 요소의 Head 섹션에 커스텀 HTML로 추가되어 있습니다:

현재 위젯 코드에서는 사용자가 새로 갱신된 이미지나 변경된 링크를 보려면 브라우저 새로고침이 필요합니다. CSS 변경 사항이 페이지 재로드 없이 즉시 반영되는 것과 유사하게, 브라우저 캐시에서某种 AJAX 방식으로 갱신될 것이라고 생각했지만, 커스텀 Head 스크립트의 경우 그렇지 않습니다.

하우스 애드용 Ad 플러그인이 광고 HTML을 변경한 직후 즉시 새로고침을 강제하는 방식을 발견했습니다. refresh 키워드로 검색했을 때 House Ads 플러그인의 house-ads.js에서 다음 코드를 찾았습니다:

  @observes("refreshOnChange")
  refreshAd() {
    if (this.get("listLoading")) {
      return;
    }

    this.set("adHtml", this.chooseAdHtml());
  },

  didInsertElement() {
    this._super(...arguments);

    if (!this.get("showAd")) {
      return;
    }

    if (this.get("listLoading")) {
      return;
    }

    if (adIndex.topic_list_top === null) {
      // start at a random spot in the ad inventory
      Object.keys(adIndex).forEach((placement) => {
        const adNames = this.adsNamesForSlot(placement);
        adIndex[placement] = Math.floor(Math.random() * adNames.length);
      });
    }

    this.refreshAd();
  },

이와 유사한 방법이 제 커스텀 플러그인 JavaScript에도 적용될 수 있을까요?