Yeoman에서 만든 Angular 프로젝트를 github-pages에서 공개

TL;DR

브랜치는 develop 와 master 를 준비하고 master 를 gh-pages

리포지토리 futabooo/futabooo.github.io

github pages htps // 후타보오. 기주 b. 이오/

Angular 프로젝트 만들기

여러 상황에 따라 Grunt가 아닌 Gulp를 사용하고 싶었기 때문에 아래의 리포지토리를 참조하여 Angular 프로젝트를 만들었습니다.
Swiip/generator-gulp-angular

이런 느낌의 디렉토리 구성으로 프로젝트가 만들어진다

futabooo.github.io
├── bower.json
├── bower_components
├── dist
├── e2e
├── gulp
├── gulpfile.js
├── karma.conf.js
├── node_modules
├── package.json
├── protractor.conf.js
├── src
├── tsconfig.json
├── tslint.json
└── typings.json

gulp-gh-pages 설치 및 설정

htps //w w. 음 pmjs. 코 m / Pac 가게 / gu lp-ghh Page s
deploy를 간단하게 해준다

$ npm install --save-dev gulp-gh-pages

gulp 디렉토리 아래에 아래와 같이 파일 만들기

deoploy.js

'use strict';

var gulp = require('gulp');
var ghPages = require('gulp-gh-pages');

// デフォルトはgh-pagesにdeployする設定になっているので、masterに変更してあげる
var options = {branch: "master"};

gulp.task('deploy', function () {
  return gulp.src('./dist/**/*')
    .pipe(ghPages(options));// optionsを渡す
});

github에 push & deploy

github에 리포지토리를 만들고 master로 일단 push

$ git init
$ git add .
$ git commit
$ git remote add origin https://github.com/futabooo/futabooo.github.io.git
$ git push -u origin master

develop도 push

$ git branch -m master develop
$ git push -u origin develop

github 설정에서 develop을 base 브랜치로 변경

처음에는 master이므로 develop로 변경하여 Update

deploy하다

$ gulp clean && gulp build
$ gulp deploy

이제 master 브랜치에는 dist 디렉토리만 push 되고, htps // 후타보오. 기주 b. 이오/

참고

gh-pages는 프로젝트 용이며 user와 organization은 master 브랜치가 아니라고 버릇이있는 것 같습니다.
htps : // 에 lp. 기주 b. 코 m / r 치 c ぇ s / 우세 r 오 r

유저명의 부분은 적당히 자신의 github 어카운트로 변경해 주시면.