[Vue.js] Build 시 directory 변경하는 법 (outputDir)

기본적으로 dist 폴더로 build가 되어서 github setting 페이지에서 확인시 build 에러메시지를 접하게 되었다.

(Source를 보면 폴더선택에서 /dics가 아닌 /docs만 존재한다. 😥)

 

해석 : 사이트에서 빌드하는 데 문제가 있습니다. GitHub 페이지를 빌드할 /docs 폴더를 찾을 수 없습니다. 이 리포지토리의 원본 설정을 확인합니다.

---

나는 아래와 같은 방식으로 해결해보았다!

 

1) vue.config.js 파일에 outputDir: 'docs' 를 추가한다.

(c.f - publicPath는 프로젝트 url 마지막 부분에 /Monaka(프로젝트명)를 추가하고자 넣어준 것 !)

 

1-1) npm run bulid 후 docs가 생성된다.

 

2) commit / push 후 github setting 페이지에 다시 와보면 bulid가 성공적으로 된것을 확인할 수 있다.