Initial commit

vite.config.ts

@@ -0,0 +1,65 @@
+import process from 'node:process'
+import path from 'path'
+// import visualizer from 'rollup-plugin-visualizer'
+import { defineConfig } from 'vite'
+import checker from 'vite-plugin-checker'
+import tsconfigPaths from 'vite-tsconfig-paths'
+import { splitVendorChunkPlugin } from 'vite'
+import react from '@vitejs/plugin-react'
+import mkcert from 'vite-plugin-mkcert'
+import { VitePWA } from 'vite-plugin-pwa'
+
+const root = process.cwd()
+const appRootPath = path.join(root, `./src/app`)
+const publicDir = path.join(root, `./public`)
+const outDir = path.join(root, `./build`)
+const app = path.join(root, `./src/app/index.html`)
+
+// eslint-disable-next-line import/no-default-export
+export default defineConfig(({ mode }) => {
+	let plugins = [
+		react(),
+		tsconfigPaths({
+			root,
+		}),
+		splitVendorChunkPlugin(),
+		VitePWA({
+			includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
+			registerType: 'autoUpdate',
+			devOptions: {
+				enabled: mode !== `production`,
+			},
+			workbox: {
+				globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+			}
+		}),
+	]
+
+	if (mode === `production`) {
+		plugins.push(checker({ typescript: mode === `production` }))
+	}
+
+	if (mode !== `production`) {
+		plugins.push(mkcert())
+	}
+
+	return {
+		define: {
+			'process.env': process.env,
+		},
+		root: appRootPath,
+		plugins,
+		build: {
+			emptyOutDir: true,
+			outDir,
+			rollupOptions: {
+				input: app,
+				preserveEntrySignatures: `strict`,
+			},
+		},
+		publicDir,
+		server: {
+			https: false,
+		},
+	}
+})