首页 > 其他分享 >electron-build打包

electron-build打包

时间:2023-07-07 17:34:05浏览次数:56  
标签:npm 安装 electron build true 打包 icon

安装依赖

安装asar

# 项目内安装
# npm install asar --save-dev
 
# 全局安装:
npm install asar -g    # electron加密

安装electron-build

# 项目内安装
# npm install electron-build --save-dev
 
# 全局安装:
npm install electron-build -g

项目配置

在package.json中配置

json文件中不能有注释

{
  "name": "navigation",
  "version": "1.0.6",
  "description": "飞行终端",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder --win  " //添加打包命令
  },
  "repository": "",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "jsy",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^14.2.9"
  },
  "build": {
    "productName": "飞行终端",
    "appId": "test.navigation",
    "copyright": "service@cloudcentury",
    "directories": {
      "output": "dist"
    },
    "nsis": {
      "oneClick": false,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "./img/icon.ico",
      "uninstallerIcon": "./img/icon.ico",
      "installerHeaderIcon": "./img/icon.ico",
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true,
      "shortcutName": "飞行终端"
    },
    "extraResources": [  //自定义文件位置
      {
        "from": "./adb/", //在项目的跟路径的文件
        "to": "../adb"  //放到安装后根路径
      }
    ],
    "asar": true,  //加密

    "win": {
      "icon": "./img/icon.ico",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "x64",
            "ia32"
          ]
        }
      ],
      "artifactName": "飞行终端_${version}.${ext}"
    }
  },
  "dependencies": {
    "@electron/remote": "^2.0.8"
  }
}

打包

npm run build

标签:npm,安装,electron,build,true,打包,icon
From: https://www.cnblogs.com/ziyue7575/p/17535621.html

相关文章

  • vue项目打包,配置nginx反向代理
    1.将Vue项目打包在终端中执行npmrunbuild打包完成后可以在项目的dist目录看到index.html(如下图)。将此目录的所有文件放到nginx服务器即可访问。 2.下载nginx并放到服务器上http://nginx.org/en/download.html通过点击上面的链接,下载对应于自己系统的nginx,这里使用Windo......
  • SpringBoot部署打包成jar和war有什么不同?
    引言你是否发现,在springboot项目中,用mvninstall打包成jar形式,然后换一台拥有jdk的机器,就可以直接通过java-jar项目名.jar的方式运行,没有任何问题并且不需要tomcat打包成war放进tomcat运行,发现端口号变成tomcat默认的8080(我在server.port中设置端口8090)项目名称......
  • UE5打包SDK未正确安装的问题
    正文Windows(笔者之前用的电脑是windows10,最新电脑使用的是windows11)下UE5打包项目的需要安装VisualStudio。而且安装的时候需要选择上C++游戏开发相关模块。如下图所示:有时候安装了VisualStudio之后,还是不能打包:可以看到并没有识别到SDK,这个时候。首先在VisualStudio......
  • 前端打包的dist文件 怎么用nginx 在 Windows 部署
    ​  要在Windows上使用Nginx部署前端打包的dist文件,您可以按照以下步骤进行操作:下载Nginx:首先,您需要从Nginx官方网站(https://nginx.org/)下载适用于Windows的Nginx安装程序,并将其安装到您的计算机上。配置Nginx:安装完成后,在Nginx的安装目录中找到nginx.......
  • 前端打包的dist文件 怎么用nginx 在 Windows 部署
    ​  要在Windows上使用Nginx部署前端打包的dist文件,您可以按照以下步骤进行操作:下载Nginx:首先,您需要从Nginx官方网站(https://nginx.org/)下载适用于Windows的Nginx安装程序,并将其安装到您的计算机上。配置Nginx:安装完成后,在Nginx的安装目录中找到nginx.......
  • python: PyCharm 2023.1打包项目成执行程序
        IDE最底部:pyinstaller-iheart.ico-Dmain.py     ......
  • Unity 在AssetPostprocessor内使用AssetDataBase是不安全的行为(尤其在Build前进行Lib
    https://docs.unity3d.com/Manual/AssetDatabaseCustomizingWorkflow.html在Build前进行Library的删除,读取Asset是不安全的行为,需要使用C#的IOSystem进行操作AssetImportOrderIfyouarescriptingusingtheAssetDatabaseclass,it’simportanttounderstandhowtheor......
  • gson builder
    publicstaticfinalGsongson=newGsonBuilder().serializeNulls().registerTypeAdapter(LocalDateTime.class,(JsonSerializer<LocalDateTime>)(localDateTime,typeOfSrc,context)->{if(Objects.isNull(loca......
  • c++项目打包,发布win安装包
                      添加文件夹里面除了子文件夹的所有文件 ......
  • PowerBuilder从入坑到放弃(二)编码规范
    前言上一篇我们从0到1用pb开发了一个helloworld程序,并成功将开发的程序编译打包并且制作了安装包。程序员最讨厌的莫过于写文档和别人不写注释。不知道大家会不会和我一样,在找bug时,有段代码,心中不知默默的骂了它多少遍。哪个sx写的这代码,研究了一段时间发现,原来那sx竟是自己......