reactor: better `debug.env`

.vscode/.debug.script.mjs

@@ -9,7 +9,7 @@ const require = createRequire(import.meta.url)
 const pkg = require('../package.json')
 
 // write .debug.env
-const envContent = Object.entries(pkg.env).map(([key, val]) => `${key}=${val}`)
+const envContent = Object.entries(pkg.debug.env).map(([key, val]) => `${key}=${val}`)
 fs.writeFileSync(path.join(__dirname, '.debug.env'), envContent.join('\n'))
 
 // bootstrap

electron/main/index.ts

@@ -25,8 +25,7 @@ export const ROOT_PATH = {
 let win: BrowserWindow | null = null
 // Here, you can also use other preload
 const preload = join(__dirname, '../preload/index.js')
-// 🚧 Use ['ENV_NAME'] avoid vite:define plugin
-const url = process.env.VITE_DEV_SERVER_URL as string;
+const url = process.env.VITE_DEV_SERVER_URL
 const indexHtml = join(ROOT_PATH.dist, 'index.html')
 
 async function createWindow() {

package.json

@@ -28,9 +28,11 @@
     "vite": "^3.0.7",
     "vite-plugin-electron": "^0.9.1"
   },
-  "env": {
-    "VITE_DEV_SERVER_HOST": "127.0.0.1",
-    "VITE_DEV_SERVER_PORT": 7777,
-    "VITE_DEV_SERVER_URL": "http://127.0.0.1:7777"
+  "debug": {
+    "env": {
+      "VITE_DEV_SERVER_HOST": "127.0.0.1",
+      "VITE_DEV_SERVER_PORT": 7777,
+      "VITE_DEV_SERVER_URL": "http://127.0.0.1:7777"
+    }
   }
 }

vite.config.ts

@@ -48,11 +48,8 @@ export default defineConfig({
       renderer: {},
     }),
   ],
-  server: {
-    host: pkg.env.VITE_DEV_SERVER_HOST,
-    port: pkg.env.VITE_DEV_SERVER_PORT,
-  },
-  build: {
-    minify: false
-  }
+  server: process.env.VSCODE_DEBUG ? {
+    host: pkg.debug.env.VITE_DEV_SERVER_HOST,
+    port: pkg.debug.env.VITE_DEV_SERVER_PORT,
+  } : undefined,
 })