English | 简体中文
# clone the project
git clone git@github.com:caoxiemeihao/vite-react-electron.git
# enter the project directory
cd vite-react-electron
# install dependency
npm install
# develop
npm run dev
├
├── configs
├ ├── vite.main.ts Main-process config file, for -> src/main
├ ├── vite.preload.ts Preload-script config file, for -> src/preload
├ ├── vite.renderer.ts Renderer-script config file, for -> src/renderer
├
├── scripts
├ ├── build.mjs Build script, for -> npm run build
├ ├── electron-builder.config.mjs
├ ├── watch.mjs Develop script, for -> npm run dev
├
├── src
├ ├── main Main-process source code
├ ├── preload Preload-script source code
├ ├── renderer Renderer-process source code
├
-
Once
npm run dev
ornpm run build
is executed. Will be generateddist
, it is the same as thesrc
structure. -
This ensures the accuracy of path calculation.
├── dist
| ├── main
| ├── preload
| ├── renderer
├── src
| ├── main
| ├── preload
| ├── renderer
|
-
The
Main-process
,Renderer-process
andPreload-script
are all config inconfigs/xxx.ts
. -
All files are built using
Vite
, is supper fast. -
scripts/build.mjs
only calls theVite
API and uses theconfigs/xxx.ts
config file to build. -
The difference between
scripts/watch.mjs
andbuild.mjs
is that the watch option is configured for the Main-process and Preload-script. The Renderer-process usesrequire ('vite').createServer
-
Manage projects more through configuration other than scripts. -- 🥳 Simple and clearly