You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
kmj1996 6c2b0a5a85 메인페이지 완성 3 years ago
dist 메인페이지 완성 3 years ago
src 메인페이지 완성 3 years ago
.gitignore Init 5 years ago
README.md Init 5 years ago
gulpfile.js 퍼블리싱 템플릿 업데이트 4 years ago
package.json 퍼블리싱 템플릿 업데이트 4 years ago
source.info.json Init 5 years ago
yarn.lock 퍼블리싱 템플릿 업데이트 4 years ago

README.md

publisingTemplate

초기 세팅

초기 세팅시 npm 또는 yarn 을 이용한 의존패키지 설치가 필요합니다.
다음의 명령어를 입력하여 의존패키지를 먼저 설치해 주세요.
npm install
또는
yarn install
※ 가급적 yarn 을 사용하길 권장합니다.

폴더 구조

+-- dist                # 배포용 폴더   
+-- src                 # 소스 폴더
|   +-- html            # HTML 소스 폴더
|   |   +-- include     # HTML 소스에 Include 해서 사용할 파일들을 넣어놓는 폴더   
|   +-- js              # Javascript 소스 폴더
|   +-- scss            # Sass 소스 폴더
|   +-- icons           # Sprite 소스 폴더
+-- .gitignore
+-- gulpfile.js
+-- package.json
+-- README.md
+-- source.info.json    # Gulp 사용시 소스디렉토리 설정 파일
  • 패킹이 완료된 파일은 배포용폴더 /dist 에 자동으로 파일이 생성됩니다.
  • source.info.json 파일에서 패킹할 파일을 정의하거나 디렉토리를 지정할 수 있습니다.
  • src/html/include 에 들어있는 파일은 HTML 패킹시 파일을 생성하지 않습니다.

GULP 명령어

gulp                # 전체 패키징을 처리합니다.
gulp html           # HTML 파일 패킹을 처리합니다.
gulp scss:compile   # sass 패킹을 처리합니다.
gulp js:compile     # javascript 패킹을 처리합니다.
gulp sprite         # Sprite 패킹을 처리합니다.
gulp watch          # 파일변경을 감지하여 자동으로 패킹을 처리합니다. (추천)

포함된 플러그인

FontAwesome Pro 5.13.0 (http://fontawesome.io)