저희 회사는 SVN에서 로컬로 프로젝트를 다운로드한 후, 로컬에서 수정 후 서버에 업로드합니다.
이제 문제는 여러 스타일을 로컬에서 수정하거나 외부에 링크된 js를 브라우저에서 미리 볼 때 캐시 문제로 인해 변경 사항을 볼 수 없고 캐시를 수동으로만 지울 수 있다는 것입니다. 그러나 수정 시에는 더 문제가 됩니다. 자주 있습니다. fis에 타임스탬프를 추가하는 방법을 살펴보니 프로젝트를 배포하거나 업데이트할 때만 재구성되는 것 같습니다. 이런 종류의 로컬 수정에 대한 좋은 방법이 있습니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
chrome
chrome dev tools > 네트워크 > disalbed 캐시를 통해 캐시를 비활성화합니다. 아래 그림을 참조하세요
CSS 및 JS 파일 뒤에 버전 번호를 추가하세요
Chrome의 클린 캐시 플러그인을 사용할 수 있습니다. 페이지를 새로고침할 때마다 이 플러그인의 버튼을 클릭하기만 하면 됩니다. Chrome의 새로고침 버튼이 필요하지 않습니다.
webpack이나 gulp와 같은 빌드 도구를 사용하는 것이 좋습니다. 프로젝트를 빌드할 때 파일 뒤에 버전 번호를 입력하여 브라우저 요청을 실행하세요.
프런트엔드 코드 개발 및 배포
각 수정 후 아래와 같이 요청한 파일이 새로 수정된 파일인지 확인하기 위해 파일 뒤에 타임스탬프를 추가할 수 있습니다.
<link rel="stylesheet" href="css/main.css?i=2017051101" >
<script src="js/config.js?i=2017051101"></script>
페이지의 버튼을 강제로 새로 고칠 수 있습니다.
버튼 바인딩 이벤트 location.reload()
CMD + SHIFT + R