add stages

.github/workflows/deploy.yml

@@ -26,7 +26,7 @@ jobs:
       # フロントエンドプロジェクトをビルド
       - name: Build project
         working-directory: src/front/vite-project
-        run: npm run build --mode gh-pages
+        run: npm run build --mode demo
 
       # GitHub Pagesにデプロイ
       - name: Deploy to GitHub Pages

src/front/vite-project/.env.demo

@@ -0,0 +1 @@
+VITE_PLATFORM=gh-pages

src/front/vite-project/.env.development

@@ -0,0 +1 @@
+VITE_PLATFORM=local

src/front/vite-project/.env.production

@@ -0,0 +1 @@
+VITE_PLATFORM=aws

src/front/vite-project/package.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.13.0",
     "@types/crypto-js": "^4.2.2",
+    "@types/node": "^22.10.7",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",

src/front/vite-project/vite.config.ts

@@ -1,8 +1,13 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import tsconfigPaths from "vite-tsconfig-paths"
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tsconfigPaths()],
-})
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+
+  return {
+    plugins: [react(), tsconfigPaths()],
+    base: env.VITE_PLATFORM === 'gh-pages' ? '/WebNovelGrepper/' : '/', // モードで切り替え
+  };
+});