node 최신 LTS 버전으로 이루어져있습니다.
gulp 최신 문법을 사용하였습니다.
문법도 CommonJS 모듈 문법이 아닌 ES6 import/export 문법을 사용할 수 있습니다.
Gulp 4.X
lastRun API로 수정된 파일만 함수 실행하여 작동시간을 최대한 빠르게 했습니다.
Gulp 3.X 버전에선 따로 설치가 필요했던 gulp-watch, sourcemap 모듈들은 사용하지 않았습니다.
내장 모듈을 사용했습니다.
HTML Template
Jade와 EJS 템플릿 사용 가능합니다.
(express-ejs-layouts 모듈을 통해 Jade의 layout 기능과 block 기능을 추가할 예정입니다.)
CSS
SASS 사용 가능합니다.
문법은 SCSS입니다.
SCSS Lint 모듈을 통해 문법검사를 통하여 잘못된 문법을 잡아줍니다.
SourceMap 기능이 구현되어있습니다.
JS
ES6의 모든 문법 사용가능합니다.
ES Lint 모듈을 통해 문법검사를 통하여 잘못된 문법을 잡아줍니다.
앞으로 TS로 업데이트 예정입니다.
IMG
Sprite 이미지는 Sprite 이미지로 자동 컴파일합니다.
이미지 용량을 최적화해줍니다.
Sprite 이미지가 아닌 이미지는 최적화만 해줍니다.
주요 기능들만 정리했습니다.
이외 다수 기능들이 있습니다.
gulp basic 과 기능은 동일합니다.
단, 추가적으로 refactoring 에 대해 연구했습니다.
gulp 내부 함수들을 모듈화하여 폴더로 나눴습니다.
gulp 내부 함수들이 많아지면 복잡해지므로 refactoring을 통하여 gulpfile을 관리하기 쉽도록 만듭니다.