electron再mac环境下打包react成桌面程序

我坑我承认

于 2019-07-30 18:37:36 发布

阅读量2k

点赞数

文章标签： electron react 打包

本文链接：https://blog.youkuaiyun.com/qq_38262910/article/details/97797895

版权

本文档介绍如何在Mac系统中，遵循Electron官方文档，结合React项目，创建main.js，然后安装并使用electron-packager进行打包操作，将React应用转化为桌面程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

按electron官网文档，与react项目src同级目录下新建main.js

1.main.js

// 引入electron并创建一个Browserwindow
const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')

// 保持window对象的全局引用,避免JavaScript对象被垃圾回收时,窗口被自动关闭.
let mainWindow

function createWindow () {
//创建浏览器窗口,宽高自定义具体大小你开心就好
mainWindow = new BrowserWindow({width: 1300, height: 1000})

  /* 
   * 加载应用-----  electron-quick-start中默认的加载入口
    mainWindow.loadURL(url.format({
      pathname: path.join(__dirname, 'index.html'),
      protocol: 'file:',
      slashes: true
    }))
  */
  // 加载应用----适用于 react 项目
  // mainWindow.loadURL('http://localhost:3006/');
  // mainWindow.loadFile('public/index.html')
  mainWindow.loadURL(`file://${path.join(__dirname, './build/index.html')}`)
  // main.Window.loadURL(url.format({
  //    pathname: path.join(__dirname

最低0.47元/天解锁文章