1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依次是项目名称,使用vue框架,是否使用ts✔ Project name:…<electron-app>✔ Select a framework:› vue ✔ Add TypeScript?… No...
1、创建项目 项目名称为:【my-electron】 npm init vite@latest my-electron 2、安装项目依赖 cdmy-electron npm install 3、安装插件 npm i concurrently electron cross-env -D 4、main.js const{ app,BrowserWindow} =require('electron');classAppWindowextendsBrowserWindow{constructor(config, urlLocation) {c...
import { defineConfig, bytecodePlugin } from 'electron-vite' export default defineConfig({ main: { plugins: [bytecodePlugin({ chunkAlias: 'foo' })], build: { rollupOptions: { output: { manualChunks(id): string | void { if (id.includes('foo')) { return 'foo' } } } } } }, ...
在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: {"scripts": {"start":"electron-vite preview",//start electron app to preview production build"dev":"electron-vite dev",//start dev server and electron app"prebuild":"electron-vite b...
1 Electron核心概念 1.1 主进程(main) 1.2 渲染进程(renderer) 1.3 预加载脚本(preload) 2 初始化项目 2.1 使用electron-vite新建项目 2.2 精简项目 2.3 去掉renderer的src目录 3 Vite基础配置 3.1 配置国内镜像源 3.2 支持Sass/Scss/Less/Stylus 3.3 设置路径别名 4 项目架构搭建 4.1 项目目录结构设计 4.2 关于...
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...
Electron-Vite还为Electron应用程序提供了特定的配置选项,以满足桌面应用开发的需求。它可以无缝地集成TypeScript、Vue、React等主流的前端框架,并提供了一些定制化选项,以便开发者根据自己的需求进行配置。 总之,Electron-Vite是一个功能强大且灵活的工具,它将现代化的前端开发工具Vite和跨平台桌面应用程序开发框架Electron相...
vite: { build: { outDir:"dist-electron"} }, }, ]), ], server: { port:3212, }, }); 我把它输出到dist-electron文件夹下面,与srl同级 4、修改package.json,main入口,和防止乱码chcp 65001 由于electron主进程是使用的node环境,而默认情况下,Node.js 使用的是 CommonJS 模块规范,而import语句属于 ...
克隆electron-vite-boilerplate或使用create-electron工具来搭建你的项目。 Configure Config file 从命令行运行electron-vite时,electron-vite 会自动尝试解析项目根目录中名为electron.vite.config.js的配置文件。 最基本的配置文件如下所示: // electron.vite.config.jsexportdefault{main:{// vite config options},...
项目使用electron-vite脚手架搭建 ps:还有一个框架是electron-vite,这个框架我发现与pixi库有冲突,无法使用,如果不用pixi也可以用这个脚手架。 node 版本建议18+ --- 运行live2D相关依赖 1.pixi.js npm install pixi.js@6.5.10 // pixi 后面可能运行会报错,提示需要安装unsafe-eval // 需要注意pixi...