Gavin Chain
5 years ago
committed by
Vben
Vben
7 changed files with 1453 additions and 76 deletions
@ -0,0 +1,13 @@ |
|||
import { createServer } from 'vite'; |
|||
import { execSync } from 'child_process'; |
|||
import path from 'path'; |
|||
|
|||
(async () => { |
|||
const server = await createServer({ |
|||
root: path.resolve(__dirname, '../../'), |
|||
}); |
|||
|
|||
await server.listen(); |
|||
|
|||
execSync('node script/build --env=development --watch'); |
|||
})(); |
|||
@ -0,0 +1,71 @@ |
|||
/** |
|||
* electron 主文件 |
|||
*/ |
|||
import dotenv from 'dotenv'; |
|||
import { app, BrowserWindow, ipcMain } from 'electron'; |
|||
import is_dev from 'electron-is-dev'; |
|||
// @ts-ignore
|
|||
import Store from 'electron-store'; |
|||
import { join } from 'path'; |
|||
|
|||
const store = new Store(); |
|||
// @ts-ignore
|
|||
ipcMain.on('store:set', async (e, args) => { |
|||
store.set(args.key, args.value); |
|||
}); |
|||
// @ts-ignore
|
|||
ipcMain.handle('store:get', async (e, args) => { |
|||
return await store.get(args); |
|||
}); |
|||
// @ts-ignore
|
|||
ipcMain.on('store:delete', async (e, args) => { |
|||
store.delete(args); |
|||
}); |
|||
|
|||
dotenv.config({ path: join(__dirname, '../../.env') }); |
|||
|
|||
let win = null; |
|||
|
|||
class createWin { |
|||
// 创建浏览器窗口
|
|||
constructor() { |
|||
// @ts-ignore
|
|||
win = new BrowserWindow({ |
|||
width: 930, |
|||
height: 700, |
|||
frame: false, |
|||
transparent: true, |
|||
webPreferences: { |
|||
devTools: true, |
|||
|
|||
nodeIntegration: true, |
|||
enableRemoteModule: true, |
|||
}, |
|||
}); |
|||
// win.webContents.openDevTools()
|
|||
// @ts-ignore
|
|||
win.maximize(); |
|||
// win.maximize()
|
|||
|
|||
const URL = is_dev |
|||
? `http://localhost:${process.env.PORT}` // vite 启动的服务器地址
|
|||
: `file://${join(__dirname, '../../dist/render/index.html')}`; // vite 构建后的静态文件地址
|
|||
|
|||
// @ts-ignore
|
|||
win.loadURL(URL); |
|||
} |
|||
} |
|||
|
|||
app.whenReady().then(() => new createWin()); |
|||
|
|||
app.on('window-all-closed', () => { |
|||
if (process.platform !== 'darwin') { |
|||
app.quit(); |
|||
} |
|||
}); |
|||
|
|||
app.on('activate', () => { |
|||
if (BrowserWindow.getAllWindows().length === 0) { |
|||
new createWin(); |
|||
} |
|||
}); |
|||
@ -0,0 +1,74 @@ |
|||
/** |
|||
* electron 打包 |
|||
*/ |
|||
const path = require('path'); |
|||
const rollup = require('rollup'); |
|||
const argv = require('minimist')(process.argv.slice(2)); |
|||
const chalk = require('chalk'); |
|||
const ora = require('ora'); |
|||
const waitOn = require('wait-on'); |
|||
const electron = require('electron-connect').server.create({ stopOnClose: true }); |
|||
require('dotenv').config({ path: path.join(__dirname, '../.env') }); |
|||
const options = require('./rollup.config'); |
|||
const net = require('net'); |
|||
const { URL } = require('url'); |
|||
|
|||
const opt = options(argv.env); |
|||
const TAG = '[script/build.js]'; |
|||
const spinner = ora(`${TAG} Electron build...`); |
|||
|
|||
const watchFunc = function () { |
|||
// once here, all resources are available
|
|||
const watcher = rollup.watch(opt); |
|||
watcher.on('change', (filename) => { |
|||
const log = chalk.green(`change -- ${filename}`); |
|||
console.log(TAG, log); |
|||
}); |
|||
watcher.on('event', (ev) => { |
|||
if (ev.code === 'END') { |
|||
// init-未启动、started-第一次启动、restarted-重新启动
|
|||
electron.electronState === 'init' ? electron.start() : electron.restart(); |
|||
} else if (ev.code === 'ERROR') { |
|||
console.log(ev.error); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const resource = `http://localhost:${process.env.PORT}/index.html`; // 因为 vite 不会重定向到 index.html，所以直接写 index.html 路由。
|
|||
|
|||
if (argv.watch) { |
|||
waitOn( |
|||
{ |
|||
resources: [resource], |
|||
timeout: 5000, |
|||
}, |
|||
(err) => { |
|||
if (err) { |
|||
const { port, hostname } = new URL(resource); |
|||
const serverSocket = net.connect(port || 80, hostname, () => { |
|||
watchFunc(); |
|||
}); |
|||
serverSocket.on('error', (e) => { |
|||
console.log(err); |
|||
console.log(e); |
|||
process.exit(1); |
|||
}); |
|||
} else { |
|||
watchFunc(); |
|||
} |
|||
} |
|||
); |
|||
} else { |
|||
spinner.start(); |
|||
rollup |
|||
.rollup(opt) |
|||
.then((build) => { |
|||
spinner.stop(); |
|||
console.log(TAG, chalk.green('Electron build successed.')); |
|||
build.write(opt.output); |
|||
}) |
|||
.catch((error) => { |
|||
spinner.stop(); |
|||
console.log(`\n${TAG} ${chalk.red('构建报错')}\n`, error, '\n'); |
|||
}); |
|||
} |
|||
@ -0,0 +1,63 @@ |
|||
const path = require('path'); |
|||
const { nodeResolve } = require('@rollup/plugin-node-resolve'); |
|||
const commonjs = require('@rollup/plugin-commonjs'); |
|||
const esbuild = require('rollup-plugin-esbuild'); |
|||
const alias = require('@rollup/plugin-alias'); |
|||
const json = require('@rollup/plugin-json'); |
|||
|
|||
module.exports = (env = 'production') => { |
|||
console.log('环境：' + env); |
|||
return { |
|||
input: path.join(__dirname, '../config/electron/index.ts'), |
|||
output: { |
|||
file: path.join(__dirname, '../dist/main/build.js'), |
|||
format: 'cjs', |
|||
name: 'ElectronMainBundle', |
|||
sourcemap: true, |
|||
}, |
|||
plugins: [ |
|||
nodeResolve({ jsnext: true, preferBuiltins: true, browser: true }), // 消除碰到 node.js 模块时⚠警告
|
|||
commonjs(), |
|||
json(), |
|||
esbuild({ |
|||
// All options are optional
|
|||
include: /\.[jt]sx?$/, // default, inferred from `loaders` option
|
|||
exclude: /node_modules/, // default
|
|||
// watch: process.argv.includes('--watch'), // rollup 中有配置
|
|||
sourceMap: false, // default
|
|||
minify: process.env.NODE_ENV === 'production', |
|||
target: 'es2017', // default, or 'es20XX', 'esnext'
|
|||
jsxFactory: 'React.createElement', |
|||
jsxFragment: 'React.Fragment', |
|||
// Like @rollup/plugin-replace
|
|||
define: { |
|||
__VERSION__: '"x.y.z"', |
|||
}, |
|||
// Add extra loaders
|
|||
loaders: { |
|||
// Add .json files support
|
|||
// require @rollup/plugin-commonjs
|
|||
'.json': 'json', |
|||
// Enable JSX in .js files too
|
|||
'.js': 'jsx', |
|||
}, |
|||
}), |
|||
alias({ |
|||
entries: [{ find: '@main', replacement: path.join(__dirname, '../src/main') }], |
|||
}), |
|||
], |
|||
external: [ |
|||
'crypto', |
|||
'assert', |
|||
'fs', |
|||
'util', |
|||
'os', |
|||
'events', |
|||
'child_process', |
|||
'http', |
|||
'https', |
|||
'path', |
|||
'electron', |
|||
], |
|||
}; |
|||
}; |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue