Fixed PWA image path on development build

This commit is contained in:
Anderson Shindy Oki 2024-07-08 12:49:01 +09:00
parent 0f14a33c73
commit 5886c20c9c
1 changed files with 11 additions and 9 deletions

View File

@ -23,6 +23,8 @@ export default defineConfig(async ({ mode, command }) => {
const ws = env.VITE_ALLOW_WEBSOCKET === "true"; const ws = env.VITE_ALLOW_WEBSOCKET === "true";
const secure = env.VITE_PROXY_SECURE === "true"; const secure = env.VITE_PROXY_SECURE === "true";
const imagesFolder = mode === "development" ? "public/images" : "images";
return { return {
plugins: [ plugins: [
react(), react(),
@ -36,8 +38,8 @@ export default defineConfig(async ({ mode, command }) => {
VitePWA({ VitePWA({
registerType: "autoUpdate", registerType: "autoUpdate",
includeAssets: [ includeAssets: [
"/images/favicon.ico", `${imagesFolder}/favicon.ico`,
"/images/apple-touch-icon-180x180.png", `${imagesFolder}/apple-touch-icon-180x180.png`,
], ],
manifest: { manifest: {
name: "Bazarr", name: "Bazarr",
@ -47,45 +49,45 @@ export default defineConfig(async ({ mode, command }) => {
theme_color: "#be4bdb", theme_color: "#be4bdb",
icons: [ icons: [
{ {
src: "/images/pwa-64x64.png", src: `${imagesFolder}/pwa-64x64.png`,
sizes: "64x64", sizes: "64x64",
type: "image/png", type: "image/png",
}, },
{ {
src: "/images/pwa-192x192.png", src: `${imagesFolder}/pwa-192x192.png`,
sizes: "192x192", sizes: "192x192",
type: "image/png", type: "image/png",
}, },
{ {
src: "/images/pwa-512x512.png", src: `${imagesFolder}/pwa-512x512.png`,
sizes: "512x512", sizes: "512x512",
type: "image/png", type: "image/png",
}, },
], ],
screenshots: [ screenshots: [
{ {
src: "/images/pwa-wide-series-list.jpeg", src: `/${imagesFolder}/pwa-wide-series-list.jpeg`,
sizes: "1447x1060", sizes: "1447x1060",
label: "Series List", label: "Series List",
form_factor: "wide", form_factor: "wide",
type: "image/jpeg", type: "image/jpeg",
}, },
{ {
src: "/images/pwa-wide-series-overview.jpeg", src: `/${imagesFolder}/pwa-wide-series-overview.jpeg`,
sizes: "1447x1060", sizes: "1447x1060",
label: "Series Overview", label: "Series Overview",
form_factor: "wide", form_factor: "wide",
type: "image/jpeg", type: "image/jpeg",
}, },
{ {
src: "/images/pwa-narrow-series-list.jpeg", src: `/${imagesFolder}/pwa-narrow-series-list.jpeg`,
sizes: "491x973", sizes: "491x973",
label: "Series List", label: "Series List",
form_factor: "narrow", form_factor: "narrow",
type: "image/jpeg", type: "image/jpeg",
}, },
{ {
src: "/images/pwa-narrow-series-overview.jpeg", src: `/${imagesFolder}/pwa-narrow-series-overview.jpeg`,
sizes: "491x973", sizes: "491x973",
label: "Series Overview", label: "Series Overview",
form_factor: "narrow", form_factor: "narrow",