모바일 브라우저에서 스타일 스타일 캐싱 문제가 발생했습니다.

내 문제는 사용자가 브라우저에있는 휴대 전화 앱에 갈 때 이전 브라우저의 캐시 된 스타일이 새롭게 업데이트 될 때마다 사용자가 브라우저 캐시를 반복적으로 삭제하도록 요청해야한다는 것입니다.

어떻게하면 브라우저가 새로운 CSS 파일을 인식하고 다시 캐시하도록 할 수 있습니까?

"캐시 무효화"를 사용해야합니다. 이것은 기본적으로 재 빌드 할 때마다 변경되는 CSS 파일 이름 끝에 해시를 추가합니다. 브라우저는 파일 이름이 다르기 때문에이 파일을 새 파일로 간주하고 캐시하지 않으므로 서버에서 자원을 가져옵니다.

다음은 사용할 수있는 Webpack 플러그인입니다. React Create App은 Webpack을 사용하므로 쉽게 구현할 수 있습니다.

또는이 웹팩 직접 사용할 수 있습니다

2017-04-04 21:23:00

답변