20 changed files with 492 additions and 447 deletions
@ -1,70 +0,0 @@ |
|||
/** |
|||
* electron 打包 |
|||
*/ |
|||
|
|||
import { join } from "path" |
|||
import { exec, spawn, ChildProcess } from "child_process" |
|||
import { watch, rollup, OutputOptions } from "rollup" |
|||
import electron from "electron" |
|||
import { waitOn } from "./utils" |
|||
import options from "./rollup.config" |
|||
import { main } from "../package.json" |
|||
const ora = require("ora") |
|||
const dotenv = require("dotenv") |
|||
const chalk = require("chalk") |
|||
const minimist = require("minimist") |
|||
|
|||
dotenv.config({ path: join(__dirname, "../.env") }) |
|||
const argv = minimist(process.argv.slice(2)) |
|||
const opts = options(argv.env) |
|||
const TAG = "[build-main.ts]" |
|||
const spinner = ora(`${TAG} Electron build...`) |
|||
|
|||
|
|||
|
|||
if (argv.watch) { |
|||
waitOn({ port: process.env.PORT as string }).then(msg => { |
|||
const watcher = watch(opts) |
|||
let child: ChildProcess | null |
|||
let manualRestart = false |
|||
watcher.on("change", filename => { |
|||
const log = chalk.green(`change -- ${filename}`) |
|||
console.log(TAG, log) |
|||
}) |
|||
watcher.on("event", ev => { |
|||
if (ev.code === "END") { |
|||
if (child && child.kill) { |
|||
console.log(child.pid) |
|||
manualRestart = true |
|||
// <number>child.pid
|
|||
// child.kill()
|
|||
process.kill( <number>child.pid) |
|||
child = null |
|||
setTimeout(() => { |
|||
manualRestart = false |
|||
}, 5000) |
|||
} |
|||
child = exec(`electron-forge start --inspect-electron --app-path ${join(__dirname, `../${main}`)}`, { |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
child.on("close", () => { |
|||
if (!manualRestart) process.exit() |
|||
}) |
|||
} else if (ev.code === "ERROR") { |
|||
console.log(ev.error) |
|||
} |
|||
}) |
|||
}) |
|||
} else { |
|||
spinner.start() |
|||
rollup(opts) |
|||
.then(build => { |
|||
spinner.stop() |
|||
console.log(TAG, chalk.green("Electron build successed.")) |
|||
build.write(opts.output as OutputOptions) |
|||
}) |
|||
.catch(error => { |
|||
spinner.stop() |
|||
console.log(`\n${TAG} ${chalk.red("构建报错")}\n`, error, "\n") |
|||
}) |
|||
} |
|||
@ -0,0 +1,102 @@ |
|||
// @ts-nocheck
|
|||
|
|||
import { main } from "../package.json" |
|||
import { join } from "path" |
|||
import * as electron from "electron" |
|||
import * as dotenv from "dotenv" |
|||
import * as ora from "ora" |
|||
import * as chalk from "chalk" |
|||
import * as minimist from "minimist" |
|||
|
|||
import { exec, spawn, ChildProcess } from "child_process" |
|||
import { watch, rollup, OutputOptions } from "rollup" |
|||
import { waitOn } from "./utils" |
|||
import options from "./rollup.config" |
|||
// 注入环境变量
|
|||
dotenv.config({ path: join(__dirname, "../.env") }) |
|||
// 解析命令行参数
|
|||
const argv = minimist(process.argv.slice(2)) |
|||
// rollup配置
|
|||
const opts = options(argv.env) |
|||
const TAG = "[build-main.ts]" |
|||
// 加载图
|
|||
const spinner = ora(`${TAG} Electron build...`) |
|||
|
|||
function buildVite() { |
|||
return new Promise((resolve, reject) => { |
|||
let viteProcess = spawn("node", [join(__dirname, "../node_modules/vite/bin/vite.js"), "build"], { |
|||
stdio: "pipe", |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
if (viteProcess) { |
|||
viteProcess.stdout.on("end", data => { |
|||
console.log(`\n[vite build end]`) |
|||
resolve(viteProcess) |
|||
}) |
|||
viteProcess.stderr.on("data", data => { |
|||
console.error(`\n[vite build err]: ${data}`) |
|||
reject() |
|||
}) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
} |
|||
function tscCheck() { |
|||
return new Promise((resolve, reject) => { |
|||
let tscProcess = spawn("node", [join(__dirname, "../node_modules/typescript/bin/tsc")], { |
|||
stdio: "pipe", |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
if (tscProcess) { |
|||
tscProcess.stdout.on("end", data => { |
|||
console.log(`[tsc check end]`) |
|||
resolve(tscProcess) |
|||
}) |
|||
tscProcess.stderr.on("data", data => { |
|||
console.error(`[tsc check err]: ${data}`) |
|||
reject() |
|||
}) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
} |
|||
async function buildMain() { |
|||
try { |
|||
const build = await rollup(opts) |
|||
build.write(opts.output as OutputOptions) |
|||
} catch (error) { |
|||
console.log(`\n${TAG} ${chalk.red("构建报错")}\n`, error, "\n") |
|||
} |
|||
} |
|||
|
|||
function buildElectron() { |
|||
return new Promise((resolve, reject) => { |
|||
let tscProcess = spawn("node", [join(__dirname, "../node_modules/@electron-forge/cli/dist/electron-forge.js"), "make"], { |
|||
stdio: "pipe", |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
if (tscProcess) { |
|||
tscProcess.stdout.on("data", data => { |
|||
console.log(`[electron build]: ${data}`) |
|||
}) |
|||
tscProcess.stdout.on("end", data => { |
|||
console.log(`[electron build end]`) |
|||
resolve(tscProcess) |
|||
}) |
|||
tscProcess.stderr.on("data", data => { |
|||
console.error(`[electron build err]: ${data}`) |
|||
reject() |
|||
}) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
} |
|||
;(async () => { |
|||
await tscCheck() |
|||
await buildVite() |
|||
await buildMain() |
|||
// await buildElectron()
|
|||
})() |
|||
@ -0,0 +1,111 @@ |
|||
// @ts-nocheck
|
|||
|
|||
import { main } from "../package.json" |
|||
import { join } from "path" |
|||
import * as electron from "electron" |
|||
import * as dotenv from "dotenv" |
|||
import * as ora from "ora" |
|||
import * as chalk from "chalk" |
|||
import * as minimist from "minimist" |
|||
|
|||
import { exec, spawn, ChildProcess } from "child_process" |
|||
import { watch, rollup, OutputOptions } from "rollup" |
|||
import { waitOn } from "./utils" |
|||
import options from "./rollup.config" |
|||
// 注入环境变量
|
|||
dotenv.config({ path: join(__dirname, "../.env") }) |
|||
// 解析命令行参数
|
|||
const argv = minimist(process.argv.slice(2)) |
|||
// rollup配置
|
|||
const opts = options(argv.env) |
|||
const TAG = "[build-main.ts]" |
|||
// 加载图
|
|||
const spinner = ora(`${TAG} Electron build...`) |
|||
console.log(join(__dirname, "../node_modules/.bin/vite")) |
|||
|
|||
function runVite() { |
|||
return new Promise((resolve, reject) => { |
|||
let viteProcess = spawn("node", [`D:/1XYX/pro/vite-electron/node_modules/vite/bin/vite.js`], { |
|||
stdio: "pipe", |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
if (viteProcess) { |
|||
let isReady = false |
|||
viteProcess.stdout.on("data", data => { |
|||
// console.log(`${data}`)
|
|||
if (!isReady && data.indexOf("ready") != -1) { |
|||
resolve(viteProcess) |
|||
} |
|||
}) |
|||
|
|||
viteProcess.stderr.on("data", data => { |
|||
console.error(`[vite err]: ${data}`) |
|||
reject() |
|||
}) |
|||
|
|||
viteProcess.on("close", code => { |
|||
console.log(`[vite close]: exited with code ${code}`) |
|||
reject() |
|||
}) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
} |
|||
|
|||
function runElectron() { |
|||
return new Promise((resolve, reject) => { |
|||
let electronProcess = spawn(electron as unknown as string, [join(__dirname, `../${main}`)], { |
|||
stdio: "pipe", |
|||
env: Object.assign(process.env, { NODE_ENV: argv.env }), |
|||
}) |
|||
if (electronProcess) { |
|||
resolve(electronProcess) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
} |
|||
|
|||
;(async () => { |
|||
let vitePorcess = await runVite() |
|||
console.log('[vite]', chalk.green(`vite ready.`)) |
|||
|
|||
const watcher = watch(opts) |
|||
let child: ChildProcess | null |
|||
let manualRestart = false |
|||
watcher.on("change", filename => { |
|||
const log = chalk.green(`change -- ${filename}`) |
|||
console.log(TAG, log) |
|||
}) |
|||
watcher.on("event",async ev => { |
|||
if (ev.code === "END") { |
|||
if (child && child.kill) { |
|||
manualRestart = true |
|||
child.kill() |
|||
child = null |
|||
setTimeout(() => { |
|||
manualRestart = false |
|||
}, 5000) |
|||
} |
|||
try { |
|||
child = await runElectron() |
|||
console.log('[electron]', chalk.green(`electron ready.`)) |
|||
child.on("close", () => { |
|||
if (!manualRestart) { |
|||
vitePorcess.kill() |
|||
child.kill() |
|||
process.exit() |
|||
} |
|||
}) |
|||
} catch (ev) { |
|||
console.log(ev.error) |
|||
vitePorcess.kill() |
|||
child.kill() |
|||
process.exit() |
|||
} |
|||
} else if (ev.code === "ERROR") { |
|||
console.log(ev.error) |
|||
} |
|||
}) |
|||
})() |
|||
@ -1,4 +1,7 @@ |
|||
/** |
|||
* !!! ensure process.cwd() correct |
|||
*/ |
|||
process.chdir(__dirname.slice(0, __dirname.lastIndexOf('dist'))) |
|||
process.chdir(__dirname.slice(0, __dirname.lastIndexOf('dist'))) |
|||
|
|||
|
|||
export {}; |
|||
@ -1,36 +1,31 @@ |
|||
/** |
|||
* electron 主文件 |
|||
*/ |
|||
console.log('2222'); |
|||
import '@src/common/patch' |
|||
const {join} = require("path") |
|||
const {app,BrowserWindow} = require("electron") |
|||
const dotenv = require("dotenv") |
|||
import "@src/common/patch" |
|||
import * as dotenv from "dotenv" |
|||
const { join } = require("path") |
|||
dotenv.config({ path: join(__dirname, "../../.env") }) |
|||
const { app, BrowserWindow } = require("electron") |
|||
|
|||
dotenv.config({ path: join(__dirname, '../../../.env') }) |
|||
let win |
|||
|
|||
let win |
|||
function createWin() { |
|||
// 创建浏览器窗口dsa
|
|||
win = new BrowserWindow({ |
|||
width: 1024, |
|||
height: 768, |
|||
webPreferences: { |
|||
nodeIntegration: true, |
|||
contextIsolation: false, |
|||
preload: join(__dirname, "../../src/preload/index.js"), |
|||
}, |
|||
}) |
|||
|
|||
console.log('1232asd啊2aasdaaaa'); |
|||
const URL = app.isPackaged |
|||
? `file://${join(__dirname, "./index.html")}` // vite 构建后的静态文件地址
|
|||
: `http://localhost:${process.env.PORT}/#/login` // vite 启动的服务器地址
|
|||
|
|||
function createWin() { |
|||
console.log('萨达'); |
|||
// 创建浏览器窗口
|
|||
win = new BrowserWindow({ |
|||
width: 1024, |
|||
height: 768, |
|||
webPreferences: { |
|||
nodeIntegration: true, |
|||
contextIsolation: false, |
|||
preload: join(__dirname, '../../src/preload/index.js'), |
|||
}, |
|||
}) |
|||
win?.loadURL(URL) |
|||
} |
|||
|
|||
const URL = app.isPackaged |
|||
? `file://${join(__dirname, '../render/index.html')}` // vite 构建后的静态文件地址
|
|||
: `http://localhost:${process.env.PORT}/login` // vite 启动的服务器地址
|
|||
|
|||
win?.loadURL(URL) |
|||
} |
|||
|
|||
app.whenReady().then(createWin) |
|||
app.whenReady().then(createWin) |
|||
|
|||
@ -1,86 +0,0 @@ |
|||
import React, { useState } from "react" |
|||
|
|||
export default () => { |
|||
const title = "TESAaT" |
|||
const [leftMenuList, setLeftMenuList] = useState<any[]>([ |
|||
{ title: "首页", path: "/" }, |
|||
{ title: "角色", children: [{ title: "月儿", path: "/about" }] }, |
|||
]) |
|||
|
|||
const [rightMenuList, setRightMenuList] = useState<any[]>([ |
|||
{ |
|||
title: "登录/注册", |
|||
click: true, |
|||
}, |
|||
]) |
|||
|
|||
function onLeftClick(e: any, menu: any, allMenu: any) { |
|||
if (menu.click || !menu.path) { |
|||
e.preventDefault() |
|||
} |
|||
} |
|||
|
|||
function onRightClick(e: any, menu: any, allMenu: any) { |
|||
if (menu.click || !menu.path) { |
|||
e.preventDefault() |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<div className=""> |
|||
<div className="shadow bg-white h-12 leading-12 fixed top-0 left-0 right-0"> |
|||
<div className="container h-full clearfix mx-auto"> |
|||
<div className="h-full float-left cursor-pointer text-size-25px flex items-center">{title}</div> |
|||
<ul className="h-full float-left ml-10"> |
|||
{leftMenuList.map((menu, index) => { |
|||
return ( |
|||
<li className="h-full float-left group relative" key={index}> |
|||
<a |
|||
href={menu.path ? menu.path : "#"} |
|||
onClick={e => onLeftClick(e, menu, leftMenuList)} |
|||
className="h-full px-5 hover:(bg-cool-gray-200 text-black) text-gray-400 text-size-14px flex items-center" |
|||
> |
|||
{menu.title} |
|||
</a> |
|||
{menu.children && menu.children.length && ( |
|||
<ul className="absolute overflow-hidden transition-all duration-150 max-h-0 group-hover:max-h-500px left-0 top-full shadow"> |
|||
{menu.children.map((subMenu: any, jndex: number) => { |
|||
return ( |
|||
<li key={jndex} className="float-left relative"> |
|||
<a |
|||
href={subMenu.path ? subMenu.path : "#"} |
|||
onClick={e => onLeftClick(e, subMenu, leftMenuList)} |
|||
className="h-12 px-5 hover:(bg-cool-gray-200 text-black) text-gray-400 text-size-14px flex items-center" |
|||
> |
|||
{subMenu.title} |
|||
</a> |
|||
</li> |
|||
) |
|||
})} |
|||
</ul> |
|||
)} |
|||
</li> |
|||
) |
|||
})} |
|||
</ul> |
|||
<ul className="float-right h-full"> |
|||
{rightMenuList.map((menu, index) => { |
|||
return ( |
|||
<li key={index} className="h-full float-left relative cursor-pointer"> |
|||
<a |
|||
href={menu.path ? menu.path : "#"} |
|||
className="h-full px-5 text-size-14px flex items-center" |
|||
onClick={e => onRightClick(e, menu, rightMenuList)} |
|||
> |
|||
{menu.title} |
|||
</a> |
|||
</li> |
|||
) |
|||
})} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div className="h-12"></div> |
|||
</div> |
|||
) |
|||
} |
|||
@ -1,15 +0,0 @@ |
|||
import { defineConfig } from "vite-plugin-windicss"; |
|||
function range(size, startAt = 1) { |
|||
return Array.from(Array(size).keys()).map((i) => i + startAt); |
|||
} |
|||
export default defineConfig({ |
|||
preflight: false, |
|||
safelist: [ |
|||
range(30).map((i) => `p-${i}`), // p-1 to p-3
|
|||
range(10).map((i) => `mt-${i}`), // mt-1 to mt-10
|
|||
], |
|||
extract: { |
|||
include: ['src/render/**/*.{vue,html,jsx,tsx}'], |
|||
exclude: ['node_modules', '.git'], |
|||
}, |
|||
}); |
|||
Loading…
Reference in new issue