feat: add env file

.vite/env/.env.development

@@ -0,0 +1,2 @@
+VITE_ENV_MODE = development
+VITE_BASE_URL = /

.vite/env/.env.production

@@ -0,0 +1,2 @@
+VITE_ENV_MODE = production
+VITE_BASE_URL = /

.vite/env/.env.staging

@@ -0,0 +1,2 @@
+VITE_ENV_MODE = staging
+VITE_BASE_URL = /

package.json

@@ -11,7 +11,7 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "run-p type-check build-only",
     "preview": "vite preview",
     "test:unit": "vitest",
     "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",

tsconfig.json

@@ -2,13 +2,20 @@
   "extends": "@vue/tsconfig/tsconfig.json",
   "compilerOptions": {
     "composite": true,
+    "lib": ["DOM", "ESNext"],
     "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     },
-    "types": ["node", "jsdom"]
+    "types": [
+      "vitest",
+      "vite/client"
+    ],
+    "allowJs": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true
   },
   "include": [
     "env.d.ts",
@@ -20,5 +27,8 @@
     "nightwatch.conf.*",
     "playwright.config.*"
   ],
-  "exclude": ["src/**/__tests__/*"]
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }

vite.config.ts

@@ -1,18 +1,26 @@
-import { fileURLToPath, URL } from 'node:url'
-
-import { defineConfig } from 'vite'
+import { URL, fileURLToPath } from 'node:url'
+import { type ConfigEnv, defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueJsx(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
+export default (options: ConfigEnv) => {
+  const { mode } = options
+
+  const envDir = '.vite/env/'
+
+  const env = loadEnv(mode, envDir, ['VITE_', 'APP_', 'AXIOS_'])
+
+  return defineConfig({
+    base: env.VITE_BASE_URL,
+    envDir,
+    plugins: [
+      vue(),
+      vueJsx(),
+    ],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+      },
+    },
+  })
+}