웹팩으로 패키징한 만료된 해시 파일을 서버에서 정리하는 방법

이 글의 내용은 webpack이 서버에 패키징한 만료된 해시 파일을 정리하는 방법에 대한 내용으로, 참고할만한 가치가 있으니 참고하시면 도움이 되실 것 같습니다.

요즘 프론트엔드 프로젝트에서는 기본적으로 webpack을 사용하여 코드를 패키징하고, 파일명(html 파일 제외)을 해싱하여 브라우저 캐시를 제거할 수 있습니다. 그러나 또 다른 문제가 발생합니다. 즉, 기본적으로 모든 빌드가 새로운 js 및 css 파일을 생성하기 때문에 만료된(사용되지 않는) 해시 파일이 서버에 많이 쌓이게 됩니다. 이러한 파일을 삭제하지 않으면 서버 저장 공간을 많이 차지하게 됩니다.

1. 아이디어

1. html 파일에서 CSS 파일의 해시 값 세트를 읽습니다.

2. 그런 다음 해시가 이 세트에 없는 CSS 파일을 삭제합니다. .html 파일에서 js 파일의 해시 값 세트를 읽습니다.

4. 그런 다음 이러한 해시 값 세트를 기반으로 이 세트에 해시가 없는 js 파일을 삭제합니다.

5. 동적으로 로드된 js 파일에서 동적으로 로드된 js 파일의 해시 값 세트를 읽습니다.

6. 그런 다음 이 해시 값 세트를 기반으로 이 세트에 해시가 없는 js를 동적으로 로드합니다.

7. 나머지 html, css, js 파일에서 이미지, 글꼴 및 기타 정적 리소스 파일의 해시 값 세트를 읽습니다.

8. 그런 다음 해시 값 세트에 포함되지 않습니다. 내부의 정적 리소스 파일을 삭제하십시오.

2.sclean

위 아이디어를 바탕으로 npm 패키지를 캡슐화했습니다. sclean.

주로 다음 기능이 있습니다.

1. 삭제는 매우 위험한 작업이므로 서버 파일을 백업하세요. 파일은 삭제하기 전에 한 번 백업됩니다. 물론 수동으로 백업할 수도 있습니다.

2. 서버 파일을 이전 백업의 특정 상태로 복원합니다(오류 삭제 후 복구 작업에 사용). . 구성에 따라 지우기 작업을 수행합니다. 예를 들어 대상 디렉터리(dist, build), html 파일(php, jsp), 해시 길이(32, 8) 등을 사용자 정의합니다.

설치

npm install sclean -g

정리 수행

sclean

위 내용은 웹팩으로 패키징한 만료된 해시 파일을 서버에서 정리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!