electron是一種可以將網頁打包成桌面程序的技術,可以根據配置的參數不同打包win,mac,linux三種平臺的安裝文件,具體的配置方式在項目的package.json文件中,下面是electron-vue項目package.json文件中的一段配置
~~~
"scripts": {
"build": "node .electron-vue/build.js && electron-builder --platform=win32 --arch=ia32",
"build:dir": "node .electron-vue/build.js && electron-builder --dir",
"build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
"build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
"dev": "node .electron-vue/dev-runner.js",
"pack": "npm run pack:main && npm run pack:renderer",
"pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
"pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
"postinstall": "install-app-deps"
}
~~~
其中--platform是配置打包成什么平臺的安裝文件,下面是可選的值
* win系統:win或者win32,即--platform=win或者--platform=win32
* mac系統:mac或者darwin,即--platform=mac或者--platform=darwin
* Linux系統:linux, 即--platform=linux
* 所有平臺:all, 即--platform=all
其中--arch是指定系統是什么架構的,常見的例如32位和64位操作系統,這個參數的可選值有
* ia32, 即--arch=ia32, 32位操作系統,也可以在64位操作系統中安裝
* x64, 即--arch=x64, 64位操作系統,使用本架構打包無法再32位操作系統中安裝
* armv7l, 即--arch=armv7l, 使用比較少
* arm64, 即--arch=arm64, 使用比較少
參數--platform和--arch已經被標志為過期,新的寫法如下
~~~
electron-builder --win --x64
electron-builder --win --ia32
electron-builder --win --armv7l
~~~
如果--platform和--arch兩個參數都沒有指定,那么在打包的時候會參考當前操作系統的架構和平臺進行打包,也就是說,以下命令如果在不同的操作系統上運行結果也是不一樣的
~~~
electron-builder
~~~
electron打包命令
~~~
electron-packager . 項目名稱 --out ../electron-node
~~~
- electron-vue打包不同平臺的安裝文件
- Electron+Vue開發跨平臺桌面應用
- electron-vue項目初始化process is not defined問題解決
- 出現 require is not defined 的問題
- Cannot read property 'app' of undefined
- electron-vue 隱藏頂部菜單 隱藏導航 、自定義導航
- electron程序顯示在右下角托盤
- electron與vue通信
- electron-vue修改任務欄圖標
- electron-vue文檔1
- 打包錯誤
- 使用 electron 屏幕或攝像頭錄制并保存到本地
- electron-vue創建報錯