자신의 Grunt 플러그인을 빌드하고 게시하십시오

이 기사는 타이포그래피 고아를 다루기위한 Grunt 플러그인을 작성하고 게시하는 자세한 내용입니다. JavaScript 작업 러너 인 Grunt는 플러그인을 사용하여 강력한 웹 응용 프로그램 시스템을 구축합니다. 이 튜토리얼은 플러그인 구축, 테스트 중심의 개발 및 모범 사례를 강조함으로써 당신을 안내합니다. 주요 개념 :

Grunt 플러그인 : Grunt의 기능을 확장하고, 미니 화, 테스트 및 라인과 같은 작업을 자동화합니다.

: 툴 단순화 플러그인 스켈레톤 생성 테스트 중심 개발 (TDD) : 구현 전 쓰기 테스트 npm : 플러그인 게시에 사용되는 노드 패키지 관리자

플러그인 구축 :
• 설정 : 설치 , Grunt 플러그인 템플릿을 복제하고 플러그인의 디렉토리를 작성하고 (이 예에서) 를 실행하십시오. 관련 메타 데이터를 제공하여 프롬프트에 답하십시오. 생성 된 구조에는 ,
,
• 및 및 디렉토리가 포함됩니다. grunt-init 테스트 중심 개발 :
작업을 코딩하기 전에 에 테스트를 작성하십시오. 이 테스트는 예상되는 동작을 정의하여 플러그인 기능을 올바르게 작동시킵니다. 입력 파일에는
• 를 사용하고 예상 출력의 경우 를 사용하십시오.
구현 :
(서버를 위해 특별히 설계된 코어 jQuery의 빠르고 유연하며 린 구현). , 옵션 (예 : 대상 요소에 대한 CSS 선택기)을 정의하고 핵심 로직을 구현하십시오. 이 논리는 지정된 HTML 요소를 통해 반복되며 각 요소의 텍스트 내용의 마지막 공간을 차단 불가능한 공간 ()으로 바꿉니다.

테스트 및 반복 : 테스트를 실행하려면 실행 . 모든 테스트가 통과 될 때까지 구현을 반복하십시오

1. 게시 :

   가 완료되고 가 철저한 문서를 제공합니다. grunt-init를 사용하여 NPM 계정에 생성하거나 로그인 한 다음 를 실행하여 플러그인을 NPM 레지스트리에 업로드하십시오. grunt-typographic-adoption grunt-init gruntplugin Gruntfile.js package.json README.md tasks 모범 사례 : test

   명확하고 간결한 코드를 작성하십시오 포괄적 인 문서를 제공합니다 TDD를 사용하십시오 grunt 플러그인 컨벤션을 준수합니다
   • 자주 묻는 질문 (FAQ) :
   (원래 FAQ 섹션이 상당히 길어지면 요약됩니다)
   • 이 섹션은 플러그인 목적, 설정, NPM에 게시, 사용법 추가, 작업 추가, 테스트, 타사 라이브러리 사용, 업데이트, 공유 및 모범 사례와 같은 측면을 다루는 Grunt 플러그인 작성 및 게시에 대한 일반적인 질문에 답변합니다. . 원래 FAQ 섹션은 이러한 각 질문에 대한 자세한 답변을 제공했습니다.

위 내용은 자신의 Grunt 플러그인을 빌드하고 게시하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!