ES6로 Gulp를 설정하는 방법

Gulp은 Node.js에서 실행되는 도구로, 많은 개발 작업을 자동화하는 데 도움이 되며 느리고 반복적인 작업을 자동화하는 데 사용할 수 있습니다.

꿀꺽 꿀꺽하는 방법

Gulp는 파일을 스트림으로 읽고 이러한 스트림을 다른 작업으로 파이프합니다. 이러한 작업은 코드 기반이며 소스 파일에서 프로덕션 파일을 빌드하기 위해 플러그인을 사용합니다.

전제 조건

Node.js
npm

걸프 설치 방법

gulp 명령줄 설치

npm install --global gulp-cli

새 프로젝트 디렉토리 생성 및 탐색

npx mkdirp my-project

cd my-project

package.json 파일 생성

npm init

devDependencies에 gulp를 설치하십시오.

npm install --save-dev gulp

번역

Babel 변환을 위해 gulpfile 확장자gulpfile.js를 gulpfile.babel.js로 이름을 바꾸고 @babel/register module을 설치해야 합니다.

Gulp에서 작업을 생성하는 방법

Gulp는 두 가지 구성 방법series()과 parallel()을 제공합니다. 두 방법 모두 n개의 작업 함수 또는 구성 작업을 취합니다. 이 두 메서드는 자체적으로 중첩되거나 어떤 깊이로 서로 중첩될 수 있습니다.

series() 메서드의 작업

series() 방법은 작업을 순서대로 실행해야 할 때 사용됩니다.


예시

import { series } from "gulp";
const funA = (cd) =>{
cb();
}
const funB = (cd) =>{
cb();
}
export default series(funA ,funB)

parallel() 메서드의 작업

parallel() 메서드는 작업을 동시에 실행해야 할 때 사용됩니다.


예시

import { parallel } from "gulp";
const javascript = (cd) =>{
cb();
}
const css = (cd) =>{
cb();
}
export default parallel(javascript ,css)