mirror of
https://github.com/electron-vite/electron-vite-vue
synced 2024-10-12 15:39:56 +08:00
blog | ||
screenshot | ||
script | ||
src | ||
typings | ||
.env | ||
.gitignore | ||
.npmrc | ||
note.md | ||
package.json | ||
README.md | ||
tsconfig.json | ||
vite.config.ts | ||
yarn.lock |
electron-vue-vite
Electron
+ Vue3
+ Vite2
integration
How and Why
Vite
is the scaffold of the future
Command
- npm run dev
- npm run build
Note
-
In the development environment, we need to transform the
Electron
related API into commonjs -
And you can only use ESM
-
So far, I've written an vitejs-plugin-electron plugin
import { ipcRenderer } from 'electron' import Store from 'electron-store' // Will generate const { ipcRenderer } = require("electron") const Store = require("electron-store")
-
It works!
-
🚀
-
开发模式下 Electron 相关的 API 需要转换成 commonjs
-
并且你只能用 ESM
-
为此我写了一个 vitejs-plugin-electron 插件
electron-vue-vite-webpack
-
If you're worried, you can consider using this project https://github.com/caoxiemeihao/electron-vue-vite-webpack The production environment is packaged with 'webpack'
-
🚀
-
如果你怕踩坑,可以考虑用这个项目 https://github.com/caoxiemeihao/electron-vue-vite-webpack 生产环境使用
webpack
打包的