[Tip] 브라우저에서 JS, CSS 파일 변경사항 반영 안 될 때 해결 방법

1. 문제 상황

개발하다가 코드 변경 사항이 브라우저(크롬)에 반영이 안 될 때가 있었다.

 

분명 파일은 변경됐고 웹팩 빌드도 잘 되어서

build 폴더에 있는 min.js 파일까지 제대로 변경이 됐는데

브라우저에는 새로고침을 해도 변경사항이 반영이 되지 않았다.

 

찾아보다가 브라우저가 파일을 캐싱하고 있어서라는 사실을 알았다.

 

2. 해결 방법

개발자 도구 > 네트워크 탭에 들어간다.

 

개발자 도구 > 네트워크

 

그러면 상단에 Disable cache가 있는데 이를 체크하면 된다.

 

 

한글 모드에서는 캐시 사용 중지를 체크하면 된다.