#1.0-1.1
gulp에서 Task를 지정하는 방법은 fucntion을 expoert하거나 const하면 된다.
package.json에서 등록한 task 명령어를 gulpfile.babel.js에 function으로 작성한다.
export const dev = () => console.log("I will dev");
그리고 콘솔에 ‘gulp dev’를 입력하면 다음과 같이 dev task가 동작하는걸 확인할 수 있다.
콘솔창에 The following tasks did not complete: dev라는 문구가 나온다. 이 뜻은 task가 아무것도 안한다는걸 알려주는 것이다.
gulp는 task와 함께 동작한다.
그렇기에 gulp를 사용할때에는 task도 같이 만들어줘야 한다. task는 일종의 자동화 처리라고 볼 수 있다. 개발자가 웹개발을 하기위해 필요한 셋팅을 미리 task에 정의하여 gulp가 동작할때 사전에 정의한 동작을 구동하여 개발셋팅에 필요한 시간을 줄여준다.
task 정의 예제로 모든 pug파일을 HTML로 바꾸는 task를 만들어 볼 것이다. 그러기 위해서는 gulp plugin을 설치해야 한다.
gulp pug plugin을 설치한다.
gulp pug는 pug template를 compile해주는 플러그인이다. 이제 콘솔에 설치해보자.
yarn add gulp-pug -D
<aside> 📌 gulp plugin은 webpack의 loaders로 생각하면 쉽다.
</aside>
설치후 gulpfile.babel.js에 플러그인을 추가한다.
import pug from "gulp-pug";