扫地僧的minielectron使用方法记录

大家好，我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用并且小于5M只需几分钟，官网地址：pakeplus.com

到qq群下载最新版本的electron

然后解压到一个目录中，然后将其中一个x64位复制出来命名为electron.exe:

替换项目中的electron路径

打包编译:

打开后安装即可。

package.json文件：

javascript 复制代码

{
  "name": "testminiele",
  "private": true,
  "version": "0.0.1",
  "type": "module",
  "main": "main.js",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc -b && vite build",
    "preview": "vite preview",
    "start": "electron .",
    "build:exe": "electron-builder"
  },
  "build": {
    "electronDist": "C:\\Win11\\tools\\minielectron",
    "appId": "com.example.myapp",
    "productName": "MyApp",
    "directories": {
      "output": "dist"
    },
    "files": [
      "**/*",
      "!dist"
    ],
    "win": {
      "target": "nsis",
      "icon": "build/icon.ico"
    },
    "mac": {
      "target": "dmg",
      "icon": "build/icon.icns"
    },
    "linux": {
      "target": "AppImage",
      "icon": "build"
    }
  },
  "dependencies": {
    "vue": "^3.5.22"
  },
  "devDependencies": {
    "@types/node": "^24.6.0",
    "@vitejs/plugin-vue": "^6.0.1",
    "@vue/tsconfig": "^0.8.1",
    "typescript": "~5.9.3",
    "vite": "^7.1.7",
    "vue-tsc": "^3.1.0",
    "electron-builder": "^26.0.12",
    "electron": "34.5.8"
  }
}

main.js内容：

javascript 复制代码

//主文件
const {app,BrowserWindow}=require("electron");
 
//创建主窗口
const createWindow=()=>{
    //创建主窗口
    const mainWindow=new BrowserWindow({
        width:800,
        height:600
    })
    //加载渲染文件(也可以使用loadURL加载远程渲染文件)
    // mainWindow.loadFile(path.join(__dirname,"index.html"));
    mainWindow.loadURL("https://pakeplus.com/zh/");
}
 
//监听应用的启动事件
app.on("ready",createWindow);
 
/*监听窗口关闭的事件，关闭的时候退出应用（macos除外）
Macos中点击dock中的应用图标的时候重新创建窗口
因为在mac中关闭窗口不会关闭应用程序,而是隐藏程序*/
app.on("window-all-closed",()=>{
    //如果当前系统不是macOS,则关闭应用程序
    if(process.platform != "darwin"){
        app.quit();
    }
})
 
app.on("activate",()=>{
    if(BrowserWindow.getAllWindows().length===0){
        //重新创建一个窗口
        createWindow();
    }
})

大家好，我是1024小神，技术群 / 私活群 / 股票群或交朋友都可以私信我。如果你觉得本文有用，一键三连 (点赞、评论、关注)，就是对我最大的支持~