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创建报错