Gulp 기본 설정

Gulp 기본 설정

Node.js 프로젝트를 준비하고 package.json, Gulp CLI와 gulpfile을 구성합니다.

프로젝트 준비

Gulp는 Node.js 위에서 실행됩니다. 새 프로젝트에서는 먼저 package.json을 만들고 프로젝트 의존성으로 Gulp를 설치합니다. workspace에서는 루트 의존성과 script가 이미 준비되어 있으므로 다시 설치하지 않습니다.

bashmkdir gulp-project
cd gulp-project
npm init -y
npm install --save-dev gulp

전역 CLI는 명령을 전달하는 역할만 하고 실제 Gulp version은 프로젝트가 관리합니다. 팀에서는 package.json script를 통해 같은 version과 명령을 사용합니다.

project root의 gulpfile.js가 작업 진입점입니다. ESM 문법을 사용하려면 package.json에 "type": "module"을 선언합니다.

json{
  "type": "module",
  "scripts": {
    "dev": "gulp dev",
    "build": "gulp build"
  },
  "devDependencies": {
    "gulp": "^5.0.0"
  }
}