"Gulp"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:54 기준 최신판

다른 뜻에 대해서는 영어 gulp 문서를 참조하십시오.

1 개요[ | ]

Gulp, gulpjs
걸프

Node.js 기반 빌드 자동화 도구
'스트리밍' 빌드 시스템
프론트엔드 개발(빌드)를 효율적으로 할 수 있음

Sass, Less 등을 컴파일하거나 업로드하는 등의 처리 자동화 가능

파일 변경을 감지하여 실시간 처리 가능

2 예시[ | ]

gulp.src('client/js/**/*.js') // Matches 'client/js/somedir/somefile.js' and resolves `base` to `client/js/`
  .pipe(minify())
  .pipe(gulp.dest('build'));  // Writes 'build/somedir/somefile.js'

gulp.src('client/js/**/*.js', { base: 'client' })
  .pipe(minify())
  .pipe(gulp.dest('build'));  // Writes 'build/js/somedir/somefile.js'

3 같이 보기[ | ]

4 참고[ | ]

@@ 1번째 줄: / 1번째 줄: @@
+{{다른뜻|영어 gulp}}
 ==개요==
-;Gulp
+;Gulp, gulpjs
 ;걸프
-*[[Node.js]] 기반 빌드 자동화 도구
+* [[Node.js]] 기반 빌드 자동화 도구
+* '스트리밍' 빌드 시스템
+* 프론트엔드 개발(빌드)를 효율적으로 할 수 있음
+:[[Sass]], [[Less]] 등을 컴파일하거나 업로드하는 등의 처리 자동화 가능
+:파일 변경을 감지하여 실시간 처리 가능
+==예시==
+<syntaxhighlight lang='javascript'>
+gulp.src('client/js/**/*.js') // Matches 'client/js/somedir/somefile.js' and resolves `base` to `client/js/`
+  .pipe(minify())
+  .pipe(gulp.dest('build'));  // Writes 'build/somedir/somefile.js'
+gulp.src('client/js/**/*.js', { base: 'client' })
+  .pipe(minify())
+  .pipe(gulp.dest('build'));  // Writes 'build/js/somedir/somefile.js'
+</syntaxhighlight>
 ==같이 보기==
-*[[빌드]]
+* [[gulp 설치]]
+* [[gulper]]
+* [[webpack]] ★
+* [[Yeoman]]
+* [[빌드]]
-==참고 자료==
+==참고==
 *http://gulpjs.com/
+*http://programmingsummaries.tistory.com/356
 *https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
-*http://programmingsummaries.tistory.com/356
+*http://www.slideshare.net/appleboy/automating-your-workflow-with-gulp
-[[분류: Node.js]]
+[[분류: gulp]]