웹 프로젝트 진행시에 사용하는 Gulp Task Scaffolding 입니다.
nodejs가 기본으로 설치되어있어야 하며, 본 파일을 다운로드받아서 프로젝트 루트에 압축을 풀어주고 도스창(CMD)을 열어서 아래와 같이 실행해주세요.
$ npm install // "package.json"의 node module 다운로드.$ gulp // "build" , "watch" 테스크 실행| Task Name | Task deps | Comment |
|---|---|---|
| (Default) | build watch |
scss , less 을 컴파일하고, css 을 합친후에 각파일 감지를 시작합니다. |
| build | scss:build less:build css:concat |
"src/" 폴더 내 "scss:build" , "less:build" , "css:concat" 실행 |
| watch | scss:watch less:watch css:watch |
"src/" 폴더 내 "scss:watch" , "less:watch" , "css:watch" 실행 |
| scss | scss:build scss:watch |
scss(SASS)을 빌드하고, 감지하여 Task을 연결합니다. |
| scss:build | - | "/src/scss/**/*.scss" 을 /src/css 로 빌드합니다. |
| scss:watch | - | "/src/scss/**/*.scss"의 변화를 감지하여 /src/css 로 개별빌드합니다. |
| less | less:build less:watch |
LESS을 빌드하고, 감지하여 Task을 연결합니다. |
| less:build | - | "/src/less/**/*.less" 을 /src/css 로 빌드합니다. |
| less:watch | - | "/src/less/**/*.less"의 변화를 감지하여 /src/css 로 개별빌드합니다. |
| css | css:concat css:watch |
"/src/css/폴더명/*.css"을 "/src/css/폴더명.css 로 합치고, 변화를 감지하여 빌드합니다. |
| css:concat | - | "/src/css/폴더명/*.css"을 "/src/css/폴더명.css 로 빌드합니다. |
| css:watch | - | "/src/css/폴더명/*.css"의 변화를 감지하여 "/src/css/폴더명.css" 로 개별빌드합니다. |
| css:dist | css:concat | "/src/css/폴더명.css"의 파일을 "/dist/css" 로 압축 및 정렬하여 복사합니다. |
본 파일이나. 오류사항이 있다면, 저에게 메일 보내주세요.