gulpfile.js 파일 생성 및 수행할 업무(Task) 등록하기

gulpfile.js 파일 생성 및 수행할 업무(Task) 등록하기

Gulp를 사용하면 기존 JavaScript 지식을 사용하여 gulpfile을 작성하거나 gulpfile에 대한 경험을 사용하여 일반 JavaScript를 작성할 수 있습니다.
파일 시스템 및 명령 줄 작업을 단순화하기 위해 몇 가지 유틸리티가 제공되지만 작성하는 모든 것은 순수한 JavaScript입니다.

Gulpfile 설명

gulpfile은 gulpfile.js(또는 Makefile과 같이 Gulpfile.js로 대문자)라는 프로젝트 디렉토리에 있는 파일로 gulp 명령을 실행할 때 자동으로 로드됩니다.
이 파일에는 종종 src(), dest(), series() 또는 parallel() 과 같은 gulp API가 있지만
모든 바닐라 자바스크립트 또는 노드 모듈을 사용할 수 있습니다.
어떤 exported functions 이던지 gulp의 작업 시스템에 등록됩니다.

Transpilation (번역, ex> babel..)

당신은 gulpfile.js의 확장자를 변경함으로써 gulpfile을 번역이 필요한 언어(ex. TypeScript, Babel...)로 작성할 수 있습니다.

• TypeScript의 경우 gulpfile.js로 이름을 바꾸고 ts-node 모듈을 설치하십시오.
• Babel의 경우 gulpfile.babel.js로 이름을 바꾸고 @babel/register 모듈을 설치하십시오.

대부분의 새 버전의 노드는 import / export 구문을 제외하고 TypeScript 또는 Babel에서 제공하는 대부분의 기능을 지원합니다.
해당 구문 만 필요한 경우 gulpfile.esm.js로 이름을 바꾸고 esm 모듈을 설치하십시오.

이 주제와 지원되는 확장 프로그램의 전체 목록에 대한 고급 정보는 gulpfile 트랜스필레이션 문서를 참조하십시오.

gulpfile 나누기

많은 사용자는 모든 논리를 gulpfile에 추가하여 시작합니다.
너무 커지면 별도의 파일로 리팩토링 할 수 있습니다.

각 작업은 자체 파일로 분할 한 다음 컴포지션을 위해 gulpfile로 가져올 수 있습니다.
이를 통해 작업을 체계적으로 관리 할 수있을뿐만 아니라 각 작업을 독립적으로 테스트하거나 조건에 따라 구성을 변경할 수 있습니다.

노드의 모듈 분석을 통해 gulpfile.js 파일을 gulpfile.js로 취급되는 index.js 파일이 포함 된 gulpfile.js 디렉토리로 바꿀 수 있습니다.
이 디렉토리는 작업을위한 개별 모듈을 포함 할 수 있습니다.
transpiler를 사용하는 경우 폴더와 파일 이름을 적절히 지정하십시오.