2020-08-16 12:49:24 +08:00
|
|
|
# electron-vue-vite
|
|
|
|
|
Electron、vue、vite 整合
|
2020-08-16 20:42:52 +08:00
|
|
|
|
|
|
|
|
## How and Why
|
|
|
|
|
- 写这个 Demo 项目主要有两个目的
|
|
|
|
|
1. `vue@3.x` 发布了，想试试新功能
|
|
|
|
|
2. 工作中用的 `umi`+`electron` 项目大了，启动速度并不理想；用 `vite` 试试，算一个储备方案 ^_^
|
2020-08-16 21:00:37 +08:00
|
|
|
|
2020-08-17 09:21:07 +08:00
|
|
|
## cmd
|
|
|
|
|
- npm run dev
|
|
|
|
|
- npm run build
|
2020-08-16 21:00:37 +08:00
|
|
|
|
2020-09-02 09:19:15 +08:00
|
|
|
## 踩坑记
|
|
|
|
|
- import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import
|
2020-09-02 09:30:10 +08:00
|
|
|
- const { write } = require('fs') 这种形式就能用了 😉
|
2020-09-02 09:19:15 +08:00
|
|
|
- const { ipcRenderer } = require('electron') 同理
|
2020-09-25 11:47:35 +08:00
|
|
|
- 虽然开发期可以用 require 避开 vite 的编译问题，但是打包时候 rollup 那边又出了问题；
|
|
|
|
|
* 拿 const Store = require('electron-store') 举例，在 vite.config.ts 中通过自定义 rollup 插件转换成 EMS 形式即可
|
2020-09-02 09:19:15 +08:00
|
|
|
|
2020-08-17 09:21:07 +08:00
|
|
|
---
|
2020-08-16 21:00:37 +08:00
|
|
|
|
2020-08-17 09:21:07 +08:00
|
|
|
|
