huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2025-01-19 20:07:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: UPDATE

Browse Source
This commit is contained in:
草鞋没号 2021-09-09 10:01:48 +08:00
parent c89dd92d32
commit 1d9be1990b
1 changed files with 8 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
README.md
View File

@ -8,63 +8,15 @@
- npm run dev - npm run dev
- npm run build - npm run build
## Note ## Communication
- In the development environment, we need to transform the `Electron` related API into commonjs - All NodeJs、Electron API invoke passed `preload process`
- And you can only use ESM
- So far, I've written an [vitejs-plugin-electron](https://github.com/caoxiemeihao/vitejs-plugins/tree/main/electron) plugin
## Usage ## Branchs
- vite.config.ts - [ant-design-vue](https://github.com/caoxiemeihao/electron-vue-vite/tree/ant-design-vue)
* [x] Use tsx
```ts * [x] Tntegration ant-design-vue
import { defineConfig } from 'vite' - [with-login](https://github.com/caoxiemeihao/electron-vue-vite/tree/with-login)
import vue from '@vitejs/plugin-vue' * [x] With multiple BrowserWindow and tsx、ant-design-vue
import electron from 'vitejs-plugin-electron'
export default defineConfig((env) => ({
plugins: [
vue(),
electron(),
],
// other config...
}))
```
> In "src/render/main.ts" file
```ts
// You code
import { ipcRenderer } from 'electron'
import Store from 'electron-store'
// Will be generate in development mode
const { ipcRenderer } = require("electron")
const Store = require("electron-store")
```
- It works!
- 🚀
- 开发模式下 Electron 相关的 API 需要转换成 commonjs
- 并且你只能用 ESM
- 为此我写了一个 [vitejs-plugin-electron](https://github.com/caoxiemeihao/vitejs-plugins/tree/main/electron) 插件
## electron-vue-vite-webpack
- If you're worried, you can consider using this project<br>
[https://github.com/caoxiemeihao/electron-vue-vite-webpack]( https://github.com/caoxiemeihao/electron-vue-vite-webpack)<br>
The production environment is packaged with 'webpack'
- 🚀
- 如果你怕踩坑，可以考虑用这个项目<br>
[https://github.com/caoxiemeihao/electron-vue-vite-webpack](https://github.com/caoxiemeihao/electron-vue-vite-webpack)<br>
生产环境使用 `webpack` 打包的
---
![](https://raw.githubusercontent.com/caoxiemeihao/electron-vue-vite/main/screenshot/800x600-2.png)
---
## 微信讨论 ## 微信讨论