electron-vite-vue/README.md
草鞋没号 e0613b86f8 UPDATE
2020-09-25 11:47:35 +08:00

23 lines
894 B
Markdown

# electron-vue-vite
Electron、vue、vite 整合
## How and Why
- 写这个 Demo 项目主要有两个目的
1. `vue@3.x` 发布了,想试试新功能
2. 工作中用的 `umi`+`electron` 项目大了,启动速度并不理想;用 `vite` 试试,算一个储备方案 ^_^
## cmd
- npm run dev
- npm run build
## 踩坑记
- import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import
- const { write } = require('fs') 这种形式就能用了 😉
- const { ipcRenderer } = require('electron') 同理
- 虽然开发期可以用 require 避开 vite 的编译问题,但是打包时候 rollup 那边又出了问题;
* 拿 const Store = require('electron-store') 举例,在 vite.config.ts 中通过自定义 rollup 插件转换成 EMS 形式即可
---
![](https://raw.githubusercontent.com/caoxiemeihao/electron-vue-vite/master/screenshot/800x600.png)