refactor: better script and vite-config

scripts/build.mjs

@@ -1,25 +1,5 @@
-process.env.NODE_ENV = 'production'
-
-import { dirname, join } from 'path'
-import { fileURLToPath } from 'url'
 import { build } from 'vite'
 
-const __dirname = dirname(fileURLToPath(import.meta.url))
-
-await build({
-  configFile: 'scripts/vite.config.mjs',
-  root: join(__dirname, '../packages/main'),
-  build: {
-    outDir: '../../dist/main',
-  },
-})
-
-await build({
-  configFile: 'scripts/vite.config.mjs',
-  root: join(__dirname, '../packages/preload'),
-  build: {
-    outDir: '../../dist/preload',
-  },
-})
-
+await build({ configFile: 'packages/main/vite.config.ts' })
+await build({ configFile: 'packages/preload/vite.config.ts' })
 await build({ configFile: 'packages/renderer/vite.config.ts' })

scripts/vite.config.mjs

@@ -1,32 +0,0 @@
-import { builtinModules, createRequire } from 'module'
-import { defineConfig } from 'vite'
-
-const require = createRequire(import.meta.url)
-const pkg = require('../package.json')
-
-export default defineConfig({
-  mode: process.env.NODE_ENV,
-  // root: [path],
-  build: {
-    // outDir: [path],
-    lib: {
-      entry: 'index.ts',
-      formats: ['cjs'],
-      fileName: () => '[name].cjs',
-    },
-    minify: process.env.NODE_ENV === 'production',
-    emptyOutDir: true,
-    rollupOptions: {
-      external: [
-        'electron',
-        ...builtinModules,
-        ...Object.keys(pkg.dependencies || {}),
-      ],
-    },
-  },
-})
-
-/**
- * 2202-02-05
- * @todo process.env.NODE_ENV always return true, need to submit PR to vite and improvement vite:define plugin.
- */

scripts/watch.mjs

@@ -1,42 +1,34 @@
-process.env.NODE_ENV = 'development'
-
-import { fileURLToPath } from 'url'
-import { join, dirname } from 'path'
-import { createRequire } from 'module'
 import { spawn } from 'child_process'
 import { createServer, build } from 'vite'
 import electron from 'electron'
 
-const __dirname = dirname(fileURLToPath(import.meta.url))
-const require = createRequire(import.meta.url)
-const pkg = require('../package.json')
-
 /**
- * @type {() => Promise<import('rollup').RollupWatcher>}
+ * @type {(server: import('vite').ViteDevServer) => Promise<import('rollup').RollupWatcher>}
  */
-function watchMain() {
+function watchMain(server) {
   /**
    * @type {import('child_process').ChildProcessWithoutNullStreams | null}
    */
   let electronProcess = null
+  const address = server.httpServer.address()
+  const env = Object.assign(process.env, {
+    VITE_DEV_SERVER_HOST: address.address,
+    VITE_DEV_SERVER_PORT: address.port,
+  })
 
   return build({
-    configFile: 'scripts/vite.config.mjs',
-    root: join(__dirname, '../packages/main'),
-    build: {
-      outDir: '../../dist/main',
-      watch: true,
-    },
+    configFile: 'packages/main/vite.config.ts',
+    mode: 'development',
     plugins: [{
       name: 'electron-main-watcher',
       writeBundle() {
         electronProcess && electronProcess.kill()
-        electronProcess = spawn(electron, ['.'], {
-          stdio: 'inherit',
-          env: Object.assign(process.env, pkg.env),
-        })
+        electronProcess = spawn(electron, ['.'], { stdio: 'inherit', env })
       },
     }],
+    build: {
+      watch: true,
+    },
   })
 }
 
@@ -45,18 +37,17 @@ function watchMain() {
  */
 function watchPreload(server) {
   return build({
-    configFile: 'scripts/vite.config.mjs',
-    root: join(__dirname, '../packages/preload'),
-    build: {
-      outDir: '../../dist/preload',
-      watch: true,
-    },
+    configFile: 'packages/preload/vite.config.ts',
+    mode: 'development',
     plugins: [{
       name: 'electron-preload-watcher',
       writeBundle() {
         server.ws.send({ type: 'full-reload' })
       },
     }],
+    build: {
+      watch: true,
+    },
   })
 }
 
@@ -65,4 +56,4 @@ const server = await createServer({ configFile: 'packages/renderer/vite.config.t
 
 await server.listen()
 await watchPreload(server)
-await watchMain()
+await watchMain(server)