🔧 .env variable

.eslintrc.js

@@ -92,6 +92,12 @@ module.exports = {
   },
 
   overrides: [
+    {
+      files: ["*.d.ts"],
+      rules: {
+        "no-unused-vars": "off",
+      },
+    },
     {
       files: ["tests/**.{ts,tsx}"],
       rules: {

env/.env

@@ -0,0 +1,2 @@
+# npm run dev
+VITE_ENV_API_URL="http://localhost:4000"

env/.env.production

@@ -0,0 +1 @@
+# npm run build && npm run preview

env/README.md

@@ -0,0 +1 @@
+https://vitejs.dev/guide/env-and-mode.html#env-variables-and-modes

src/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_ENV_API_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

vite.config.ts

@@ -1,3 +1,5 @@
+/// <reference types="vitest" />
+
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import type { VitePWAOptions } from "vite-plugin-pwa";
@@ -35,6 +37,7 @@ const pwaOptions: Partial<VitePWAOptions> = {
 export default defineConfig({
   plugins: [react(), tsconfigPaths(), VitePWA(pwaOptions)],
   assetsInclude: ["robots.txt"],
+  envDir: "./environments",
   test: {
     globals: true,
     environment: "jsdom",