Vue.js
-
Vue.js PWA 프로젝트 firebase 호스팅 방법개발 공부/PWA 2023. 10. 6. 08:56
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..
-
Vue.js 프로젝트 PWA 적용하기 - 매니페스트, 서비스워커 (Manifest, Service Worker)개발 공부/PWA 2023. 10. 5. 13:32
전 시리즈 : Vue js 프로젝트 생성 방법 vue cli로 시작하기 PWA 적용을 위해 필요한 것 - Manifest - Service Worker 1. Manifest 적용 * public 폴더에 manifest.json 파일 추가 - manifest.json { "short_name": "TestRozy", "name": "RozyPWA", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "/images/logo.png", "sizes": "200x200", "type": "image/png" }, { "src": "/images/img.png", "size..