promotion-static v1.0.0

Pay-publishing

Static 페이지를 위한 Repository

Install

npm install -g gulp-cli npm install

Contents

1. Getting Started
2. Image Sprite
3. Publish

Getting Started

npm start

+ 브랜치 하나 만들고 작업을 시작한다. 해당 브랜치 name으로 dist폴더에 append된다.
+ 브랜치별로 작업을 관리한다.

New Branch

npm run branch 브랜치명

! 새로운 브랜치 만들때 src폴더를 초기화 해주기 위해서 사용한다

Example

npm start

• page 폴더 아래에는 html, js
• page 폴더 하위에는 depth를 얼마든지 만들어도 된다.
• src폴더에 작업하고 수정하면 자동으로 브라우저 reload와 dist파일이 sync된다.
• dist폴더에는 브랜치별로 작업한 결과가 append된다.
• 작업은 src폴더, 배포는 dist폴더

Image Sprite

npm run sprite

Example

npm run sprite

사용예

@import "src/assets/sprite.scss";
@import "src/assets/mixin.scss";

.element {
  @include sprite($btn_01);
}

Publish

npm run publish

• 현재 작업하고 있는 브랜치에서 명령어를 치면 현재 브랜치가 gh-pages에 merge&push 된다(이미지는 cdn에 올라간다)