[javascript] RequireJS가 필수 스크립트를 캐시하지 못하도록 방지

urlArgs 솔루션에 문제가 있습니다. 불행히도 귀하와 사용자의 웹 브라우저 사이에있을 수있는 모든 프록시 서버를 제어 할 수는 없습니다. 이러한 프록시 서버 중 일부는 파일 캐싱시 URL 매개 변수를 무시하도록 구성 할 수 있습니다. 이 경우 잘못된 버전의 JS 파일이 사용자에게 전달됩니다.

나는 마침내 내 자신의 수정 사항 을 require.js에 직접 포기하고 구현했습니다 . requirejs 라이브러리의 버전을 기꺼이 수정하려는 경우이 솔루션이 적합 할 수 있습니다.

여기서 패치를 볼 수 있습니다.

https://github.com/jbcpollak/requirejs/commit/589ee0cdfe6f719cd761eee631ce68eee09a5a67

추가 한 후에는 require 설정에서 다음과 같은 작업을 수행 할 수 있습니다.

var require = {
    baseUrl: "/scripts/",
    cacheSuffix: ".buildNumber"
}

빌드 시스템 또는 서버 환경을 buildNumber사용하여 개정 ID / 소프트웨어 버전 / 좋아하는 색상 으로 바꾸십시오 .

다음과 같이 요구합니다.

require(["myModule"], function() {
    // no-op;
});

이 파일을 요청해야합니다.

http://yourserver.com/scripts/myModule.buildNumber.js

서버 환경에서 URL 재 작성 규칙을 사용하여 buildNumber를 제거하고 올바른 JS 파일을 제공합니다. 이렇게하면 실제로 모든 JS 파일의 이름을 바꾸는 것에 대해 걱정할 필요가 없습니다.

패치는 프로토콜을 지정하는 모든 스크립트를 무시하고 비 JS 파일에는 영향을 미치지 않습니다.

이것은 내 환경에서는 잘 작동하지만 일부 사용자는 접미사가 아닌 접두사를 선호한다는 것을 알고 있습니다. 필요에 맞게 커밋을 쉽게 수정할 수 있습니다.

최신 정보:

풀 요청 토론에서 requirejs 작성자는 개정 번호 앞에 접두사로 사용할 수 있다고 제안합니다.

var require = {
    baseUrl: "/scripts/buildNumber."
};

나는 이것을 시도하지 않았지만 이것은 다음 URL을 요청할 것이라는 의미입니다.

http://yourserver.com/scripts/buildNumber.myModule.js

접두사를 사용할 수있는 많은 사람들에게 매우 효과적 일 수 있습니다.

가능한 중복 질문은 다음과 같습니다.

JS 및 프록시 캐싱

require.js-URL의 일부로 필요한 모듈의 버전을 어떻게 설정할 수 있습니까?

답변

<target name="deployWebsite">
    <untar src="${temp.dir}/website.tar.gz" dest="${website.dir}" compression="gzip" />
    <!-- fetch latest buildNumber from build agent -->
    <replace file="${website.dir}/js/main.js" token="@Revision@" value="${buildNumber}" />
</target>

require.config({
    baseUrl: '/js',
    urlArgs: 'bust=@Revision@',
    ...
});

<FilesMatch "\.(html|htm|js|css)$">
FileETag None
<ifModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</ifModule>
</FilesMatch>