Hellow guys, Welcome to my website, and you are watching Converting Your React Vite App into PWA. and this vIdeo is uploaded by Amine Triki TV at 2023-12-28T15:58:04-08:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Converting Your React Vite App into PWA |
| Video Uploader | Video From Amine Triki TV |
| Upload Date | This Video Uploaded At 28-12-2023 18:58:04 |
| Video Discription | Converting Your React-Vite App into PWA #Vite-React #React-Vite #Vite #react #pwa vite.config.js ex : import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import { VitePWA } from 'vite-plugin-pwa' const manifestForPlugin = { registerType:'prompt', includeAssests:['favicon.ico', "apple-touc-icon.png", "masked-icon.svg"], manifest:{ name:"React-vite-app", short_name:"react-vite-app", description:"I am a simple vite app", icons:[{ src: '/android-chrome-192x192.png', sizes:'192x192', type:'image/png', purpose:'favicon' }, { src:'/android-chrome-512x512.png', sizes:'512x512', type:'image/png', purpose:'favicon' }, { src: '/apple-touch-icon.png', sizes:'180x180', type:'image/png', purpose:'apple touch icon', }, { src: '/maskable_icon.png', sizes:'512x512', type:'image/png', purpose:'any maskable', } ], theme_color:'#181818', background_color:'#e0cc3b', display:"standalone", scope:'/', start_url:"/", orientation:'portrait' }, }; export default defineConfig({ plugins: [react(), VitePWA(manifestForPlugin)], }); |
| Category | People & Blogs |
| Tags | Converting Your React Vite App into PWA | Vite App into PWA | react app into pwa | React | Vite | React Vite App into PWA | pwa | vite react app into pwa | vite.config.js |
