Vue.js PWA 프로젝트 firebase 호스팅 방법

 

 

1. firebase 설치

 npm install -g firebase-tools

---

2. 빌드 

npm run build

 *  빌드 후 dist 폴더 생기는걸 볼 수 있음

---

3. ".firebase"  , "firebase.json" 파일 생성

 

- .firebase : "first" 는 내 프로젝트 이름임

{
  "projects":{
    "default" : "first"
  }
}

 

- firebase.json

{
	"hosting":{
		"public":"dist",
		"ignore": [
			"firebase.json",
			"**/.*",
			"**/node_modules/**"
		],
		"rewrites":[
			{
				"source":"**",
				"destination":"/index.html"
			}
		]

	}
}

 

 

---

* 프로젝트 구성

 

 

참고 https://prmblogs.tistory.com/entry/VUEJS-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-Firebase-%ED%98%B8%EC%8A%A4%ED%8C%85%EC%9C%BC%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

[ Vue.js + Firebase ] Vue.js 프로젝트를 Firebase 호스팅으로 배포

 

https://prmblogs.tistory.com/entry/VUEJS-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-Firebase-%ED%98%B8%EC%8A%A4%ED%8C%85%EC%9C%BC%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95