31 May 2018 / JEKYLL, CSS, GULP

JEKYLL에 gulp로 CSS 적용하는 방법;

Jekyll에서 Gulp 사용하는 방법

FI 개발에 익숙하지 않으시면 CSS 변경 적용이 어려울 수도 있겠습니다.

Node 설치합니다. 보통 npm도 같이 설치됨
걸프를 전역으로 설치합니다.
```
  npm install gulp-cli -g
```
Jekyll Source Folder로 이동합니다. gulpfile.js 파일이 있는 위치입니다.
패키지를 설치합니다. npm install 혹은 npm install -save-dev gulp gulp-util 명령을 사용하면 됩니다.
이제 명령창에서 gulp를 입력하면 프로그램이 실행되고 변경된 css를 감지해서 minifiy 합니다. minify된 css는 built 폴더로 저장됩니다.

gulp 동작 샘플

—

JEKYLL에 gulp로 CSS 적용하는 방법;