aoliaoliao / electron-vite Goto Github PK

View Code? Open in Web Editor NEW

📚 A Electron + Vite boilerplate of the nature of learning(source-code of vite-plugin-electron) / 学习性的样板工程(vite-plugin-electron源码)

License: MIT License

JavaScript 7.99% TypeScript 86.03% CSS 2.19% HTML 3.78%

electron-vite's Introduction

electron-vite-boilerplate

A Electron + Vite boilerplate of the nature of learning.

学习性的 Electron + Vite 样板工程!

📦 Out of the box
🚚 Include only necessary dependencies

Run Setup

# clone the project
git clone https://github.com/electron-vite/electron-vite-boilerplate.git

# enter the project directory
cd electron-vite-boilerplate

# install dependency
npm install

# develop
npm run dev

Directory

Once dev or build npm-script executed will be generate named dist folder. It has children dir of same as packages folder, the purpose of this design can ensure the correct path calculation.

一旦 dev 或 build 命令执行过后，将会生成与 packages 相同结构 dist 文件夹，这样设计的目的是保障构建后路径计算的正确性。

├── dist                      After build, it's generated according to the "packages" directory
│   ├── main/
│   ├── preload/
│   └── renderer/
│
├── scripts
│   ├── build.mjs             npm run build
│   └── watch.mjs             npm run dev
│
└── packages
    ├── main                  Main-process source code
    │   └── vite.config.ts
    ├── preload               Preload-scripts source code
    │   └── vite.config.ts
    └── renderer              Renderer-process source code
        └── vite.config.ts