Vue PWA Github 배포하기

황인호·2022년 11월 22일
0

PWA Install

터미널에서 vue add pwa 입력하면 설치가된다.

이렇게 PWA 를 적용하고 build를 해야한다.

npm run build 를 하게되면 manifest.json , service-worker.js 를 새로 생성한다.

그리고 npm run build 는 실제 배포 가능한 배포용 html 파일을 생성해준다

vue.config.js 설정하기

publicPath 설정

publicPath 란 무엇인가?

  • 간단히 js,css 와 같은 외부 참조 파일의 경로를 변경할 때 쓰인다.

publicPath 수정 방법

module.exports = { 
	publicPath : '/내가 만든 레포지토리'
    // github 에 배포하려면 입력해주어야한다.
    outputDir: 'docs'
}

이렇게 입력을해주고 > npm run build > github 에서 배포하면 된다.

profile
성장중인 백엔드 개발자!!

0개의 댓글