Gulp와 Webpack 차이

설치

$ npm install --save-dev gulp gulp-cli

설정

[babel 설정]

npm install --save-dev @babel/{register,core,preset-env}

// .babelrc

{
	"presets" : ["@babel/preset-env"]
}

[gulp 설정]

// package.json

{
	...
	"scripts" : {"dev" : "gulp dev", "build":"gulp build"}
		// gulpfile.js 가서 dev, build 라는 함수 실행 시키라는 의미
}

// gulpfile.babel.js // gulpfile.js 라고 하면 babel로 컴파일 안한다

import gulp from "gulp"  // babel 덕분에 const gulp = require("gulp"); 이렇게 설정안해도됨

export const dev = ()=> console.log("I will dev");

[Pug 번들링]