이 기사는 PHP 프로젝트 내에서 프론트 엔드 자산 (CSS 및 JavaScript)을 분석하기위한 Jenkins의 기능을 확장하는 것을 탐색합니다. 이전 기사는 Jenkins 설정 및 초기 빌드 분석을 다루었습니다
키 테이크 아웃 :
Jenkins는 CSSLINT 및 JSHINT와 같은 플러그인을 활용하여 CSS 및 JavaScript를 각각 분석합니다. Jenkins 서버에 설치된이 플러그인은 위반에 대한 코드를 검사하고 위반 그래프로 시각화되었습니다.
CSSLINT 및 JSHINT 통합을 통합하려면 프로젝트의 (대상 추가)를 수정하고 생성 된 보고서를 인식하도록 Jenkins 구성이 필요합니다. 자세한 위반 정보는 전용 위반 페이지를 통해 액세스 할 수 있습니다.
작업 스캐너 플러그인은 코드베이스 내에서 열린 작업 (예 :
주석)을 식별합니다. 특정 디렉토리, 파일 및 작업 우선 순위 레벨에 대해 구성 가능하면 프로젝트보기 및 "공개 작업"섹션에 결과가 표시됩니다.
Jenkins는 다양한 도구의 보고서를 결합하여 포괄적 인 프로젝트 통찰력을 제공합니다. 광범위한 플러그인 생태계는 SCSS Linting 및 비 PHP 프로젝트 (Android, iOS)를 포함한 다양한 요구를 지원합니다.
CSSLINT 통합 : -
CSS를 분석하기 위해 CSSLINT가 사용됩니다. 를 통해 설치 한 후 는 새로운 대상으로 업데이트됩니다.
그런 다음이 대상은 메인 대상에 대한 종속성으로 추가됩니다. Jenkins의 프로젝트 구성 ( "configure" -& gt; "보고서 위반")은 - 보고서 파일을 추가해야합니다. 심각도 수준 (태양, 흐린, 폭풍우)은 위반 수를 반영하도록 구성 가능합니다. 위반 그래프 및 세부 사항 페이지는 시각적 요약 및 특정 문제 위치를 제공합니다.
build.xml
JavaScript (jshint) 유효성 검사 : -
Jshint (JSLINT의보다 적극적으로 유지 된 포크)는 JavaScript 코드를 검증합니다. <.>로 설치하십시오. 리포터를 사용하여 유사한 대상이 에 추가됩니다.
TODO
Jenkins 구성은 CSSLINT와 유사하게 업데이트되어
보고서를 가리 킵니다. 결과는 위반 그래프 및 세부 정보 페이지에 표시됩니다.
-
작업 추적 열기 (작업 스캐너 플러그인) : 작업 스캐너 플러그인은 코드에 표시된 미결제 작업을 관리하는 데 도움이됩니다 (예 : , ). 설치 후 Jenkins의 프로젝트 설정 ( "구성" -& gt; "구축 후 조치 추가 추가" -& gt; "열린 작업에 대한 작업 공간 스캔") 내에서 구성하십시오. 디렉토리, 파일, 우선 순위 키워드 및 사례 감도를 지정하십시오. 결과는 그래프와 전용 "공개 작업"섹션에 표시됩니다.
TODO
FIXME
결론 :
Jenkins의 힘은 다양한 도구를 통합하는 능력에서 비롯됩니다. 이 기사는 플러그인을 통해 적응성과 확장 성을 강조하는 기능의 일부만 보여줍니다. 가능성은 여기에서 논의 된 도구를 훨씬 뛰어 넘습니다
(자주 묻는 질문 섹션은 제공된 텍스트의 맥락에서 프론트 엔드 자산 분석의 핵심 주제와 크게 관련이 없기 때문에 간결하게 생략됩니다.
위 내용은 PHP 프로젝트에 더 유용한 Jenkins 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!