WSToolBoxReact/vite.config.js at main · llloydretro2/WSToolBoxReact · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { VitePWA } from "vite-plugin-pwa";

// https://vite.dev/config/
export default defineConfig({
	plugins: [
		react(),
		VitePWA({
			registerType: "autoUpdate",
			workbox: {
				maximumFileSizeToCacheInBytes: 6 * 1024 * 1024,
			},
			manifest: {
				name: "CardToolBox",
				short_name: "CardToolBox",
				description: "卡牌与桌游多合一工具集",
				theme_color: "#ffffff",
				background_color: "#ffffff",
				display: "standalone",
				start_url: "/",
				icons: [
					{
						src: "/web-app-manifest-192x192.png",
						sizes: "192x192",
						type: "image/png",
						purpose: "maskable",
					},
					{
						src: "/web-app-manifest-512x512.png",
						sizes: "512x512",
						type: "image/png",
						purpose: "maskable",
					},
					{
						src: "/favicon-96x96.png",
						sizes: "96x96",
						type: "image/png",
					},
				],
			},
		}),
	],
	build: {
		rollupOptions: {
			output: {
				manualChunks: {
					"react-vendor": ["react", "react-dom", "react-router-dom"],
					"mui-vendor": [
						"@mui/material",
						"@mui/icons-material",
						"@mui/lab",
						"@emotion/react",
						"@emotion/styled",
					],
					"motion-vendor": ["framer-motion"],
				},
			},
		},
		chunkSizeWarningLimit: 500,
	},
	server: {
		port: 3000,
		open: true,
		headers: {
			"Content-Security-Policy": "script-src 'self' 'unsafe-inline' 'unsafe-eval'",
		},
		watch: {
			usePolling: true,
			interval: 300,
		},
		proxy: {
			"/api": {
				target: "http://localhost:4000",
				changeOrigin: true,
				secure: false,
			},
			"/audios": {
				target: "http://localhost:4000",
				changeOrigin: true,
				secure: false,
			},
		},
	},
});