シンプルな 電子 アプリを作成しました:
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です。
パッケージのサイズを小さくするためのヒントはありますか?
electron-builder packageを使用してパッケージ化することにより、electronアプリのサイズを縮小できます。
PicArt は、最近開発したelectronjsアプリです。 reactJSを使用して構築されます。 electron-packagerを使用してアプリをパッケージ化したとき、最初はWindowのビルドサイズは98 MBでした。それから、この素晴らしいボイラープレートを見つけました electron-react 彼らは、最適化されたビルドサイズを生成するように電子ビルダーを設定しました。これらの構成セットアップを使用した後、PicArtのビルドは36 MBになりました。
はい、アプリのサイズを小さくすることは可能ですが、ビルドのセットアップを構成するのは非常に苦痛で時間がかかります。
Macアプリケーションの最終サイズを250MBから128MBに減らすことができました。「electron」とreactJs dependencies
をdevDependencies
に移動しましたpackage.json
...必要なのは最終的なbundle.jsに含まれるからです
しかし、悲しいことに、電子フレームワークは118MBであるため、それよりも低くすることはできませんでした。これは、小さなアプリを作成している場合は何かですが、クロスプラットフォームを作成するために支払う代償だと思いますウェブアプリ