javascript - Electron 包 : reduce the package size

Question

我做了一个简单的Electron应用:

main.js

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')

let win

function createWindow () {
  win = new BrowserWindow({
    width: 800, 
    height: 600, 
    icon: path.join(__dirname, 'icon.ico')
  })

  win.maximize();

  win.loadURL('https://stackoverflow.com/', {"extraHeaders" : "pragma: no-cache\n"});

  win.on('closed', () => {
    win = null
  })
}

app.on('ready', createWindow)

app.on('browser-window-created',function(e,window) {
    window.setMenu(null);
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (win === null) {
    createWindow()
  }
})

package.json

{
  "name": "test",
  "version": "1.0.0",
  "main": "main.js",
  "build": {
    "appId": "com.test.app",
    "copyright": "test",
    "productName": "test"
  },
  "devDependencies": {
    "electron": "1.7.9",
    "electron-builder": "^19.46.4",
    "electron-packager": "^10.1.0"
  }
}

与electron-packager我已经构建了要发布的包:

electron-packager . --overwrite --asar=true --platform=win32 --arch=ia32 --prune=true --out=release-builds

构建包的总大小为 107 MB。

有人有减少包裹尺寸的秘诀吗？

Answer 1

您可以通过使用 electron-builder 打包来减小 Electron 应用程序的大小包裹。

PicArt是我最近开发的一个 electronjs 应用程序。它是使用 reactJS 构建的。最初，当我使用 electron-packager 打包应用程序时，Window 的构建大小约为 98 MB。然后我发现了这个很棒的样板 electron-react他们在那里配置 Electron 构建器以生成优化的构建大小。使用这些配置设置后，PicArt 的构建现在约为 36 MB。

是的，可以减小应用程序的大小，但是配置build设置非常痛苦且耗时。