electron打包流程

勿ᝰ负

已于 2022-10-12 11:54:41 修改

阅读量527

点赞数

文章标签： electron javascript vue.js

于 2022-10-09 13:27:12 首次发布

本文链接：https://blog.csdn.net/weixin_47790077/article/details/127224921

版权

安装

cnpm install electron-builder
cnpm install electron-package
cnpm install electron-updater

package.json中添加

"scripts": {
    "dist": "electron-builder",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "start": "chcp 65001 && electron .",
    "package": "electron-packager ./ myapp --all --out=package --electron-version 13.1.5 --overwrite --icon=./public/favicon.ico"
  },

静态资源（tray图标、icon图标等）一起打包需要在package.json配置如下

"build": {
    "productName": "基层兵员系统",
    "extraResources": [
      {
        "from": "icons/favicon.ico",  //原路径
        "to": "../favicon.ico"  //打包后的路径
      },
      {
        "from": "icons/pla-tray@1.8x.png",
        "to": "../pla-tray@1.8x.png"
      }
    ]
  }