vault backup: 2024-03-22 15:37:12

Affected files:
Haina/分享&培训/Converting Your React-Vite App into PWA. _ by Rakesh Dhariwal _ Medium.md
main
Lei OT 2 years ago
parent 014f749f53
commit 2362f27a0c

@ -46,12 +46,12 @@ import { VitePWA } from "vite-plugin-pwa";
const manifestForPlugIn = {
registerType:'prompt',
includeAssests:\['favicon.ico', "apple-touc-icon.png", "masked-icon.svg"\],
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:\[{
icons:[{
src: '/android-chrome-192x192.png',
sizes:'192x192',
type:'image/png',
@ -75,7 +75,7 @@ const manifestForPlugIn = {
type:'image/png',
purpose:'any maskable',
}
\],
],
theme_color:'#171717',
background_color:'#f0e7db',
display:"standalone",
@ -94,7 +94,7 @@ Also, you have to add the VitePWA in plugins array.
```
export default defineConfig({
plugins: \[react(), VitePWA(manifestForPlugIn)\],
plugins: [react(), VitePWA(manifestForPlugIn)],
})
```
@ -104,12 +104,12 @@ 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"\],
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:\[{
icons:[{
src: '/android-chrome-192x192.png',
sizes:'192x192',
type:'image/png',
@ -133,7 +133,7 @@ const manifestForPlugIn = {
type:'image/png',
purpose:'any maskable',
}
\],
],
theme_color:'#171717',
background_color:'#f0e7db',
display:"standalone",
@ -144,7 +144,7 @@ const manifestForPlugIn = {
}
export default defineConfig({
plugins: \[react(), VitePWA(manifestForPlugIn)\],
plugins: [react(), VitePWA(manifestForPlugIn)],
})
```

Loading…
Cancel
Save