web dist

웹 디스트

전통적인 모드로 개발 된 웹 사이트는 전체 사이트의 모든 파일의 압축 및 난독 화를 수행합니다.

많은 회사가 프로젝트 또는 일부 웹 프론트 엔드 페이지 또는 비 WEB 프론트 엔드 엔지니어가 개발 한 일부 웹 프론트 엔드 페이지 또는 시스템은 NodeJS 또는 현재 인기있는 프론트 엔드 기술 스택을 기반으로 개발되지 않았습니다. 이 그룹의 사람들이 전체 웹 사이트를 압축하고 혼동하는 것은 여전히 ​​어렵습니다.

우리는 Gulp를 기반으로 간단하고 간단하며 사용하기 쉬운 전체 사이트 압축 난독 화 도구를 개발했으며, 이는 원래 프로젝트의 모든 디렉토리 구조를 유지하고 모든 파일을 재귀 적으로 압축하고 난독 화하는 것입니다. 단계는 다음과 같습니다.

사용

1. 첫 번째 입력 명령을 사용하십시오 : npm install 또는 cnpm install 에 종속성 패키지를 설치하십시오.
2. SRC 디렉토리에 압축 해야하는 사이트를 넣으십시오. npm run build 명령을 실행하면 사이트가 Dist 디렉토리에서 생성됩니다.
3. 액세스를 게시하려면 Dist Directory를 HTTP 서비스 컨테이너에 복사하십시오.

힌트

1. GULP4에는 노드 버전에 대한 요구 사항이 있으므로 Baidu에서 검색 할 수 있습니다.
2. 중간에 오류가있는 경우 프롬프트를 따라 오류 메시지가 없을 때까지 관련 파일 컨텐츠를 수정하십시오.
3. 다중 JS와 같은 세슘과 같은 일부 복잡한 상관 라이브는 압축 할 수 없습니다 (현재 코드에서 처리). 구성 파일에서 nopipepath 매개 변수를 수정하거나 소스 파일을 압축 파일로 덮어 쓸 수 있습니다.
4. JavaScript 기술을 이해하면 gulpfile.js 파일을 열고 필요에 따라 구성을 수정할 수 있습니다.

지원하다

1. JS 파일 난독 화 및 압축을 지원합니다
2. CSS, HTML 및 이미지 파일 압축을 지원합니다
3. 원래 프로젝트에서 모든 디렉토리 구조 및 기타 형식 파일을 계속 복사하십시오.

보다 고급 암호화 방법

https://github.com/muyao1987/web-dist-pro를 방문하십시오. 이 창고는 기본적 으로이 창고와 동일하지만 더 복잡한 JS 암호화 방법을 채택하는데, 이는 갈라지기가 더 어렵지만 문제가 발생하기 쉬우 며 적절하게 사용할 수 있습니다.

작가

화성 기술 Mu Yao