Automate and enhance your workflow

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

서론

이 툴을 선택한 다른 이유는 현재로써는 없다.

JavaScript와 TypeScript를 한번 배워보기 위해서 VSCODE를 참고하는데 여기서 사용중인 툴이였다.

준비사항

다음 프로그램들이 설치되어 있어야 한다.

  • Node{:target=“blank”}
  • npm
  • npx

Gulp 설치

npm install -g glup-cli 명령어를 사용해 전역 설치를 하자.

환경에 따라 sudo 권한이 필요할 수 있다.

$> sudo npm install -g glup-cli
...

$> gulp -v
CLI version: 2.2.0
Local version: Unknown

Gulp 사용

$> npm install gulp --save-dev

Gulp 관련 플러그인 설치

$> npm install gulp-[plugin name] --save-dev

gulpfile.js 만들기

'use strict';

const { series, gulp } = require('gulp')

const clean = (cb) => {
    console.log("clean task");
    cb();
}

function build(cb) {
    cb();
}

exports.build = build;
exports.default = series(clean, build);

Gulp 실행

$> gulp --tasks
[11:42:26] Tasks for ~/electron-boilerplate/gulpfile.js
[11:42:26] ├── build
[11:42:26] └─┬ default
[11:42:26]   └─┬ <series>
[11:42:26]     ├── clean
[11:42:26]     └── build

$> gulp default
[11:42:56] Using gulpfile ~/electron-boilerplate/gulpfile.js
[11:42:56] Starting 'default'...
[11:42:56] Starting 'clean'...
clean task
[11:42:56] Finished 'clean' after 688 μs
[11:42:56] Starting 'build'...
[11:42:56] Finished 'build' after 233 μs
[11:42:56] Finished 'default' after 2.33 ms

참고 링크