refactor: react-ts -> renderer

README.md

@@ -29,7 +29,7 @@
 ├── configs
 ├   ├── vite.main.ts                 Main-process config file, for -> src/main
 ├   ├── vite.preload.ts              Preload-script config file, for -> src/preload
-├   ├── vite.react-ts.ts             Renderer-script config file, for -> src/react-ts
+├   ├── vite.renderer.ts             Renderer-script config file, for -> src/renderer
 ├
 ├── scripts
 ├   ├── build.mjs                    Build script, for -> npm run build
@@ -39,7 +39,7 @@
 ├── src
 ├   ├── main                         Main-process source code
 ├   ├── preload                      Preload-script source code
-├   ├── react-ts                     Renderer-process source code
+├   ├── renderer                     Renderer-process source code
 ├
 ```
 

README.zh-CN.md

@@ -30,7 +30,7 @@
 ├── configs
 ├   ├── vite.main.ts                 主进程配置文件，编译 src/main
 ├   ├── vite.preload.ts              预加载脚本配置文件，编译 src/preload
-├   ├── vite.react-ts.ts             渲染进程配置文件，编译 src/react-ts
+├   ├── vite.renderer.ts             渲染进程配置文件，编译 src/renderer
 ├
 ├── scripts
 ├   ├── build.mjs                    项目构建脚本，对应 npm run build
@@ -40,7 +40,7 @@
 ├── src
 ├   ├── main                         主进程源码
 ├   ├── preload                      预加载脚本源码
-├   ├── react-ts                     渲染进程源码
+├   ├── renderer                     渲染进程源码
 ├
 ```
 

configs/vite.renderer.ts

@@ -5,13 +5,13 @@ import pkg from '../package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  root: join(__dirname, '../src/react-ts'),
+  root: join(__dirname, '../src/renderer'),
   plugins: [react()],
   base: './',
   build: {
     emptyOutDir: true,
     minify: false,
-    outDir: join(__dirname, '../dist/react-ts'),
+    outDir: join(__dirname, '../dist/renderer'),
   },
   server: {
     host: pkg.env.HOST,

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "electron-vite-template",
+  "name": "vite-react-electron",
   "version": "1.0.0",
-  "description": "Electron Vite React/Vue boilerplate.",
+  "description": "Vite React Electron boilerplate.",
   "author": "草鞋没号 <308487730@qq.com>",
   "license": "MIT",
   "main": "dist/main/index.cjs",

paths.json

@@ -4,7 +4,7 @@
     "baseUrl": ".",
     "paths": {
       "root/*": ["./*"],
-      "@/*": ["src/react-ts/*"]
+      "@/*": ["src/renderer/*"]
     }
   }
 }

scripts/build.mjs

@@ -10,7 +10,7 @@ const TAG = chalk.bgBlue('[build.mjs]')
 const viteConfigs = {
   main: 'configs/vite.main.ts',
   preload: 'configs/vite.preload.ts',
-  reactTs: 'configs/vite.react-ts.ts',
+  reactTs: 'configs/vite.renderer.ts',
 }
 
 async function buildElectron() {

scripts/watch.mjs

@@ -71,7 +71,7 @@ async function watchPreload(viteDevServer) {
 }
 
 ; (async () => {
-  const viteDevServer = await createServer({ configFile: 'configs/vite.react-ts.ts' })
+  const viteDevServer = await createServer({ configFile: 'configs/vite.renderer.ts' })
 
   await viteDevServer.listen()
 

src/main/index.ts

@@ -19,7 +19,7 @@ async function mainWin() {
   })
 
   if (app.isPackaged) {
-    win.loadFile(join(__dirname, '../react-ts/index.html'))
+    win.loadFile(join(__dirname, '../renderer/index.html'))
   } else {
     const pkg = await import('../../package.json')
     const url = `http://${pkg.env.HOST || '127.0.0.1'}:${pkg.env.PORT}`