Update Deploy to GitHub Pages

.env → .env.production

@@ -1,2 +1 @@
 REACT_APP_BASENAME=/vite-react-ts-boilerplate/
-NODE_ENV=development

.github/workflows/deploy.yml

@@ -23,8 +23,9 @@ jobs:
 
       - name: Build project
         env:
+          REACT_APP_BASENAME: /vite-react-ts-boilerplate/
           NODE_ENV: production
-        run: npm run build
+        run: npm run build:production
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "build:production": "vite build --mode production",
+    "build:production": "tsc -b && vite build --mode production",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },

vite.config.ts

@@ -2,10 +2,13 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  base:
-    process.env.NODE_ENV === 'production'
-      ? process.env.REACT_APP_BASENAME
-      : '/',
-  plugins: [react()],
+export default defineConfig(({ mode }) => {
+  if (mode === 'production') {
+    process.env.NODE_ENV = 'production';
+  }
+
+  return {
+    plugins: [react()],
+    base: process.env.REACT_APP_BASENAME || '/',
+  };
 });