使用electron-builder来打包electron应用

使用electron-builder打包应用是安装包方式,而不想electron-packager打包之后直接是一个可文件夹,交给所有的文件暴露出来。
要使用electron-builder官方推荐使用yarn来进行安装electron-builder模块,那么我们首先要使用npm命令来添加yarn
打开命令窗口执行如下命令(当然前提是安装了nodejs),在全局中添加yarn模块

npm install -g yarn

然后我们再使用命令到electron项目的目录中,使用如下命令,为electron项目添加electron-builder模块

yarn add electron-builder --save-dev

等待执行完成之后,我们需要配置一下package.json文件,在文件中添加

"build": {
    "appId": "com.dapaidang.app",
    "electronVersion": "0.24.0",//指定electron版本,如果不想指定这个可以不写,我是为了使用npapi才使用0.24.0版本。而且这个版本有好多功能不能正常用,比如自动更新,最后还是自己使用js来写的。
    "publish": [
      {
        "provider": "generic",
        "url": "http://www.baidu.com/"
      }
    ],
    "win": {
      "target": "nsis"
    }
  },
  "scripts": {
    "dist": "electron-builder",
    "dist-win": "electron-builder --win --ia32"
  }

添加完成之后,我们就可以到命令行中使用命令来打包windows安装包了。过程中会下载打包需要的包,会很慢。。。。。,可以使用我博客中的前面的文章解决electron下载慢的文章解决。

yarn dist-win 
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值