gh-pages 배포하기

vue-cli 로 개발된 프로젝트를 github pages 배포하는 방법 정리

•

config/index.js

◦

assetsPublicPath 수정

◦

소스맵을 끄려면 productionSourceMap 를 false 로 변경

build: {
	assetsSubDirectory: 'static',
	assetsPublicPath: '/portfolio/',
	productionSourceMap: false,
}
JavaScript
복사

•

src/router.index.js

◦

아래의 코드를 추가

export default new Router({base: '/portfolio'})
JavaScript
복사

•

package.json

◦

스크립트 추가

"scripts": {"deploy": "gh-pages -d dist/"}
JSON
복사

•

yarn build 후 yarn deploy 를 하면 배포가 된다.