feat: 加入vite支持的.env文件注入环境变量

Author: rookie-luochao

.env.production

@@ -0,0 +1,5 @@
+# .env.production
+VITE_appName=webapp-react
+VITE_baseURL=https://srv-demo-docker.onrender.com
+VITE_env=demo
+VITE_version=""

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react",
   "private": true,
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/core/http/config.ts

@@ -9,15 +9,14 @@ export interface IConfig {
 
 export function getConfig(): IConfig {
   const mateEnv = import.meta.env;
-  const processEnv = process?.env;
+
   const defaultAppConfig = {
-    appName: mateEnv?.appName || processEnv?.appName || "",
-    version: mateEnv?.version || processEnv?.version || "",
-    env: mateEnv?.env || processEnv?.env || "",
-    baseURL: mateEnv?.baseURL || processEnv?.baseURL || "",
+    appName: mateEnv?.VITE_appName || "",
+    baseURL: mateEnv?.VITE_baseURL || "",
+    version: mateEnv?.VITE_version || "",
+    env: mateEnv?.VITE_env || "",
   };
   console.log("metaEnv", mateEnv);
-  console.log("processEnv", processEnv);
 
   // 本地开发环境直接从根目录config文件读取, ci环境直接从mate标签读取, 通过容器环境变量写入html的mate标签
   // mate标签name为：app_config, content格式为：appName=webapp,baseURL=https://api.com

src/vite-env.d.ts

@@ -1 +1,12 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_appName: string
+  readonly VITE_baseURL: string;
+  readonly VITE_env?: string;
+  readonly VITE_version?: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

vite.config.ts

@@ -3,9 +3,6 @@ import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  define: {
-    'process.env': {}
-  },
   plugins: [
     react({
       babel: {