相关内容

• Electron打包应用

  步骤下载官方的Demogit clone https:github.comelectronelectron-quick-startcd electron-quick-startnpm install或者 yarn installnpm startelectron-packager打包安装依赖npm install electron-packager --save-devwinscripts: {electron_build: electron-packager .--platform=win32 --arch=x64 --overwrite}electron-builder打包npm install electron-builder --save-dev在package.json中做如下配置build: { appId: com.xxx.app, mac: { target: }, win: { target: }},scripts: { dist: electron-builder

  来自：

  云+社区专栏

  浏览：301

• electron打包爬坑

  && electron-builder脚本可以单独打包好这个electron工程为exe可执行程序；用build-python: pyinstaller .pyapi.py --clean--distpath .pydist可以打包好python程序为exe可执行程序。安装完electron的可执行程序，并将打包好的python可执行程序放到electron的安装目录下，这个程序就可以正常运行了。但显然想要成为一款合格的可发布的程序，这是绝对不能接受的。爬坑过程搜索一首先搜索如何打包electron程序，看到网上用如下脚本一起打包python和electron：pack-app: .node_modules.binelectron-packager .果然，可以运行了，等待打包完成，然后拷贝build目录下的可执行程序，安装，然后到安装目录查看是否有python的可执行程序。妈蛋，还是没有。发现四看来靠百度是不行了，还是看打包的脚本吧。

  来自：

  云+社区专栏

  浏览：697

• 你不知道的 Electron (二)：了解 Electron 打包

  这篇文章主要介绍如何打包 Electron 应用，以及分析 electron-builder 是如何对我们的应用进行打包的。如何打包Electron 目前有两种打包工具：electron-userlandelectron-builder 和 electron-userlandelectron-packager。使用 electron-builder 打包安装依赖：yarn add electron-builder --dev 或npm i electron-builder --save-dev打包：在项目的打包安装依赖：npm i electron-packager --save-dev打包：electron-packager --platform= --arch= 最简单的就是直接运行 electron-packager打包分析electron-builder 打包时输出的信息打包的时候我们可以看到 控制台输出了如下信息： • electron-builder version=20.15.1 • loaded configuration

  来自：

  云+社区专栏

  浏览：891
• 广告

  关闭

  50+款云产品免费体验

  提供包括云服务器，云数据库在内的50+款云计算产品。打造一站式的云产品试用服务，助力开发者和企业零门槛上云。

• electron打包爬坑—出坑

  前言昨天一番解了很久想解这个electron打包python可执行文件为一体的方法，因为要发布我们的小工具，必须要打包为一个安装包啊，不然对于计算机小白来讲太不友好了。一番继续专研electron-package的打包方式。当一番执行如下打包脚本时。pack-app: .node_modules.binelectron-packager.cmd .深入一下打包脚本源码，追了一下，算了，一时半会儿是看不懂了。还是Google一下python怎么打包吧，除了搜到一两篇零星讲用electron-packge之外，用了同样的打包脚本，但一番用不了啊，怀疑electron建立工程时的环境问题，那就只有重新建工程了。出坑之前一番用建立工程时的build脚本有打包出可electron的可执行文件，只是这个里面没有打包入python的可执行文件，即使在package.json脚本中的files字段中加入pydist这个目录

  来自：

  云+社区专栏

  浏览：1547

• electron打包时所需的几个资源下载

  记录下electron打包时必需的几个资源 打包时会从github的release下载几个软件包，但是被墙了，所以下不下来导致build失败。在公众号内回复关键字electron-build获取所需资源:nsiswinCodeSignnsis-resources下载好压缩包之后放至cache缓存目录解压即可macOS: ~LibraryCacheselectron-builderLinux: ~.cacheelectron-builderwindows: %LOCALAPPDATA%electron-buildercache目录结构.├── nsis│ └── nsis-3.0.3.2│

  来自：

  云+社区专栏

  浏览：263

• Electron 打包优化 - 从 393MB 到 161MB

  本文作者：IMWeb laynechen 原文出处：IMWeb社区 未经同意，禁止转载 在 上一篇(你不知道的 Electron (二)：了解 Electron 打包) 中对 Electron 应用是如何被打包成可执行文件进行了简单的介绍这篇文章会对 Electron 打包进行更深入的了解，并且对谈到的一些问题进行解决。electron-builder 打包简单回顾下 Electron 打包后的结果目录结构我们的应用打包后的目录结构是这样的:.├── locales│ ├── am.pak│ └── ...如何正确打包直接打包存在的问题体积大暴露源码优化方向从项目目录结构中可以看出，electron.exe、electron.asar 等文件是每个 Electron 应用都一样且必需的，因此我们可以优化的空间只是electron-builder 打包时也是在打包某个平台的版本时重新安装相对应平台的依赖包。

  来自：

  云+社区专栏

  浏览：1358

• Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错

  今天在windows上打包其它平台的Electron应用的时候，由于是第一次，所以总是下载 xxx-electron-v1.6.8--x64.zip 失败。设置了代理，还是失败。修改了~.npmrc文件，在其中增加了ELECTRON_MIRROR，但是打包时仍然出错。ELECTRON_MIRROR=http:npm.taobao.orgmirrorselectron最后，没招了，只能使用离线方式先把所有的包都下载下来直接打包这种方式了。这里需要注意一下就是 SHASUMS256.txt- 文件也必须在同一目录下，然后再次运行打包命令，应该就可以正确打包了。electron-packager . --platform=win32 --arch=x64 --electron-version=1.6.8 --overwrite

  来自：

  云+社区专栏

  浏览：354

• Electron 应用程序打包

  接前一篇博客安装electron-packager$ sudo cnpm install --save-dev electron-packager修改 package.json 文件{ name: myapp, version: 0.1.0, main: main.js, scripts: { start: electron main.js, packager: electron-packager .}} 注意：这里只指定了linux平台，可以 修改打包全平台的包。打包$ ELECTRON_MIRROR=http:npm.taobao.orgmirrorselectron npm run-script packager 这里说明一下，上面的命令前设置了 ELECTRON_MIRROR打包后，可以看到在myapp下生成一个myapp-linux-x64的目录，运行myapp-linux-x64myapp即可启动应用。

  来自：

  云+社区专栏

  浏览：579

• Electron打包的vue项目全屏后上传不了图片，页面一直会刷新？

  项目是用vue-cli写的，然后用Electron打包成exe，设置全屏后，点击上传的按钮，出现了不是该窗口的页面以后就刷新了一遍，然后就无法进行上传操作了，不只是这个操作，页面有任何广告或者消息弹出也会重新刷新渲染一遍

  来自：

  云+社区问答

  0

• electron-vue打包不同平台的安装包

  electron-vue的打包 1.package.json加入以下代码scripts: { build: node .electron-vuebuild.js && electron-builder,build:dir: node .electron-vuebuild.js && electron-builder --dir, build:clean: cross-env BUILD_TARGET=clean node .electron-vuebuild.js, build:web: cross-env BUILD_TARGET=web node .electron-vuebuild.js,win32: node .electron-vuebuild.js && electron-builder --platform=win32 --arch=ia32, mac: node .electron-vuebuild.js, postinstall: }2.打包win:npm run win32mac:npm run mac

  来自：

  云+社区专栏

  浏览：861

• 利用Electron把Web项目打包成桌面应用

  参考文档Electron官方文档。使用的Demo:electron-quick-start打包工具:electron-packager安装1.Electron是基于Node.js开发的，第一步当然要安装node盒npm了，就不多说了。5.开始打包，官网的打包文档，只说了把源文件隐藏，不暴露给用户，就是打包成asar Archives，但我们想打包成.exe和.app。官网的分发(distribute)文档介绍了两种打包工具。electron-builderelectron-packager第一个工具是建立安装程序，打包成.exe和.app的话，我们选择第二个。在非win32平台上要打包exe程序，需要Wine 1.6 or later。

  来自：

  云+社区专栏

  浏览：579

• electron-builder 打包 和dev模式 图片资源报错处理

  electron-builder打包后程序可以正常运行,但dev模式下又报错.这是因为dev模式和打包后的程所访问的static不是同一个目录所致.官方提供了 __static ,将开发中引用静态资源的路径改为

  来自：

  云+社区专栏

  浏览：424

• Electron桌面应用打包流程（记录一下）

  安装electron-packager接下来安装electron-packager ，它也是一个npm模块，是一个用于打包electron应用的工具 npm install -g electron-packager打包现在整个过程进行到最后一步，我们需要打包我们自己的应用，那么如何打包，这就需要用到我们先前已经安装的electron-packager打开命令行我们可以这样使用它：electron-packager更改图标如果我们想要更改窗口左上角的图标和任务栏的图标，只需要在打包的命令上加个icon参数就好了electron-packager .NSIS 打包 Electron 生成exe安装包NSIS操作简单，而且打包出来的安装包，安装过程和卸载过程都更加正规。推荐使用一.打包  1.在我们electron最初的目录myApp下执行下面命令，生成asar包    asar pack .index.html app.asar  得到app.asar包企业微信截图_20190826110546

  来自：

  云+社区专栏

  浏览：2676

• Electron 使用 Webpack2 打包应用程序

  前两天看了一下使用 Electron 开发应用程序，今天说说所怎样集成 Electron 和 Webpack2 来打包应用程序。: ^0.4.0 }}其中 main 定义了 app 的入口scripts 中的 electron 定义了一个命令用来使用 webpack 打包并使用 electron 来运行应用程序scripts 中的packager 定义了打包程序为一个可执行程序。: document.write(process.versions.electron) 测试 直接运行 electron 应用程序 $ npm run electron 这一步会首先运行 “webpack打包 electron 应用程序 $ npm run packager 上面程序执行后，会在当前目录下生成 myapp-linux-x64 目录，然后运行 myapp-linux-x64myapp 即可启动打包好的可执行程序

  来自：

  云+社区专栏

  浏览：604

• 快速集成(Electron)

  = new TRTCCloud(); 获取 SDK 版本号rtcCloud.getSDKVersion(); 打包可执行程序步骤1：安装打包工具推荐使用打包工具 electron-builder 进行打包，您可以执行如下命令安装 electron-builder：$ npm install electron-builder@latest --save-dev 为了正确打包 Electron 版本的 TRTCbuild.mac.extraFiles ：打包 Mac 程序时，electron-builder 会把 from 指向的 trtc_electron_sdk.node 文件复制到 binmacyour-app-name.appContentsResources注意： TRTC Electron SDK 暂不支持跨平台打包（例如在 Mac 下打包 Windows 的 .exe 文件，或在 Windows 平台下打包 Mac 的 .dmg 文件）。Electron 安装或打包异常如果您在集成 Electron 过程中遇到异常：例如安装超时或失败，打包后出现 trtc_electron_sdk.node 文件加载失败等情况，请参见 Electron

  来自：

  文档实时音视频快速入门一分钟集成 SDK

• electron-vue打包后regedit模块的问题

  electron-vue开发的的时候能用regedit模块赖拿到注册表的数据，打包好了以后就拿不到注册表的数据了就是查看了下，打好了以后regedit这个模块还是有的，但是取不出注册表的数据 regedit.listfunction(err, result) { console.log(err+err) console.log(result+result) })就是上面的代码，开发的时候是打印result下面的，打包好了以后却是打印

  来自：

  云+社区专栏

  浏览：763

• Electron项目打包

  来自：

  云+社区专栏

  浏览：96

• Electron 使用 Webpack2 打包多入口应用程序

  接前面一篇文章，前一篇文章中只有一个页面，并且只有一个js文件，所以打包的时候会把那个js打包成一个bundle.js文件。但是假如我们有多个页面，且每个页面需要使用的js文件也不同，那么我们应该怎样打包呢。: ^0.4.0 }}其中 main 定义了 app 的入口scripts 中的 electron 定义了一个命令用来使用 webpack 打包并使用 electron 来运行应用程序scripts 中的packager 定义了打包程序为一个可执行程序。打包 electron 应用程序 $ npm run packager 上面程序执行后，会在当前目录下生成 myapp-linux-x64 目录，然后运行 myapp-linux-x64myapp 即可启动打包好的可执行程序

  来自：

  云+社区专栏

  浏览：532

• electron 将pc端（vue）页面打包为桌面端应用

  于是乎，就想着把自己写的这个小项目打包成桌面端，方面每次打开电脑就能看。经过网上查阅，比较成熟的解决方案很多，比如electron，nw.js等等。最终选定用electron，因为他的星星最多，哈哈。到这一步，一直非常顺利，然而就在一切都理所应当的时候，打包exe文件出现了问题。打包exe文件以上这些东西自己连调带试的搞了1小时左右吧，没看时间，反正我觉得挺快。然而，之后打包这个exe就花了1个小时还多！心好累。。。首先，为之前下载好的electron-packager，增加一条启动命令。electron-packager –platform= –arch= sourcedir 资源路径，在本例中既是.distappname 打包出的exe名称platform 平台名称（windows是npm run electron_build?运行打包exe的命令，还是一如既往的顺利，项目中成功出现打包好的文件夹，但是去文件夹中启动exe时，状况发生了。?

  来自：

  云+社区专栏

  浏览：816

• 关于angular-cli electron打包客户端出现的问题求解？

  今天在angular-cli项目里添加了electron模块，在网上找了一些方法，编写的package.json和main.js如下package.json:{ name: net-work-analysisng, start: ng serve, build: ng build, test: ng test, lint: ng lint, e2e: ng e2e, elec: ng build && electron., elec-aot: ng build --prod && electron . }, private: true, dependencies: { @angularanimations: ~8.0.3ts-node: ~7.0.0, tslint: ~5.15.0, typescript: ~3.4.3 }}main.js:const { app, BrowserWindow } = require(electronwin.on(close,() => { * 取消引用的window对象，当应用为对窗口时，通常会把window放到数组里，与此同时，删除的应该是相应的元素节点* win = null; });} * Electron

  来自：

  云+社区问答

  回答：1