vue-cli로 만든 앱을 Github Pages에 배포

1. 평소와 같이 vue 프로젝트 만들기

$ vue init webpack <projectname>

2. config/index.js에서 build 메소드 편집

  build: {
    // Template for index.html
-    index: path.resolve(__dirname, '../dist/index.html'),
+    index: path.resolve(__dirname, '../docs/index.html'),

    // Paths
-    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsRoot: path.resolve(__dirname, '../docs'),
    assetsSubDirectory: 'static',
-    assetsPublicPath: '/',
+    assetsPublicPath: './',

3. 빌드하기

$ mkdir docs
$ npm run build

4. 보통 Github에 배포

$ git add -A
$ git commit -m "<commit-message>"
$ git push origin master

5. Github 측에서 배포 설정

6. 확인