카테고리 없음

Gulp

k9e4h 2023. 3. 6. 11:41

Getting Started 걸프 공식 문서 

1. Quick Start

2. JavaScript and Gulpfiles

gulp 명령어를 입력할면 gulpfile.js / Gulpfile.js 이름을 자동으로 찾는다. 

해당 파일 내에서 src(), dest(), series(), paraallel() 등의 gulp PAI 를 사용할 수 있다.

3. Creating Tasks

각 gulp task는 asynchronous javascript function 이다.

exporting

task는 public or private

public : export 하여 gulp 커맨드로 실행할 수 있음

private : 일반적으로 series() or parallel()의 구성요소로 사용한다.

 

export.buld = method; -> export 아님 / public으로 사용

export.default = series(method); -> export / private 

Compoase tasks

series(), parallel() -> task의 개수 제한 없음, 서로 중첩될 수 있음

 

4. Async Completion

node library들은 다양한 방법으로 비동기를 다룬다.

일반적인 패턴으로는 error first callbacks이지만 stream, promise, event emitter, child process, observable등을 마주할 수 있다.

Signal task completion

stream, promise, event emtter, child process, observable 방식은 성공 또는 에러는 걸프에게 계속할지 아닐지를 알려주는 task로 부터 끝난다.  error이면 즉시 끝내고 error를 보여준다.

series()를 이용하여 구성된 task일때 error는 더이상의 task를 실행하지 않고 끝난다. 

parallel()로 구성된 task일때 error는 다른 parallel task가 완료이든 아니든간에 끝난다.

No synchronous tasks

Using async/await

5. Working with Files

your computer의 file과 호환해야할 수도 있다. 

src() : file system 을 읽고 처리하는 node stream을 제공 , 메모리에서 모든 파일을 읽어 스트림에 통과시킨다.

6. Explaining Globs

7. Using Plugins

8. Watching Files

9. Creating Custom Registries

 

APIs

dest()

 

 


 

 

https://webclub.tistory.com/467

 

Gulp #1(걸프 설치 및 개요)

자동화 빌드 시스템 : Start Gulp 현재 생산성을 높이고 개발자들의 수고를 덜어줄 수 있는 유용한 도구로는 Grunt, Gulp, Brunch, Bower 등이 있습니다.이러한 도구는 예를 들어 사용자들이 반복적으로 수

webclub.tistory.com

https://worker-k.tistory.com/entry/Gulp-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0

 

Gulp 설치하고 시작하기

Gulp 설치하기 gulp를 사용하기 위해서는 node.js 를 다운로드 받으셔야 합니다. window + R 키를 함께 눌러 cmd를 입력한 뒤 cmd 창에서 아래와 같이 노드와 npm 버전을 확인하는 명령어를 입력 합니다. nod

worker-k.tistory.com

 

반응형