electron应用安装包瘦身

最新推荐文章于 2024-11-30 08:09:12 发布
最新推荐文章于 2024-11-30 08:09:12 发布
阅读量825 收藏
点赞数 1
分类专栏： 前端框架 # Electron 文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ligaoming_123/article/details/139300912
版权

在win-unpacked目录下

  • 在resources目录下借助asar查看编译后文件
pnpm add asar -g
# asar extract /[sourcePath]/app.asar /[targetPath]/

app文件夹中的产物有render和main编译文件

  • 其中有soruceMap文件可以通过配置删除
  • node-modules目录下确认如果没有跨平台需要都移动到devDependencies避免编译进去
  • locales目录下都是些语言包如果只需要中文其他都可删掉
# electron-builder
electronLanguages:
  - zh-CN

// 设置语言包 在whenReady之前
app
最低0.47元/天 解锁文章
精简 Electron 包体积的方法
2301_79326616的博客
09-18 2118
通过结合上述方法，你可以有效地减小 Electron 应用程序的包体积。根据你的应用程序需求，你可以选择其中的一种或多种方法来优化你的应用程序。记住，包体积的减小并不是唯一的优化目标，还应考虑应用程序的性能和用户体验等因素。Electron 是一个流行的桌面应用程序开发框架，但由于其庞大的体积，开发人员常常面临着减小应用程序包体积的挑战。在本文中，我们将探讨一些减小 Electron 包体积的方法，并提供相应的源代码示例。
react-electron 项目打包体积尽可能减小的方法
admin9740的博客
07-25 2455
当一个react-electron项目做好之后就可以开始进行打包，首先就是打包react，这个自然不用多说，不过事先要记住一点，项目目录主进程文件main.js最好放在根目录，再执行打包命令 npm run build 　　这个时候目录结构应该是这样 这个时候需要强调的是，react项目已经打包完成，这个时候完全可以只靠main.js主进程文件和build文件...
Electron更新包减肥
xdy19871218的博客
11-01 279
resources\app\node_modules\electron-edge-js\lib\native\win32文件夹下的ia32文件夹整个删除，X64下的文件夹除13.0外全部删除，外部几个dll文件也全删除,最只目录如下图所示。删除其中所有和ia32相关的内容，最终的文件如下。然后修改install.js文件。
如何减小electron的安装包大小
前进者
07-16 1万+
一、首先根据上篇文章如何解压electron的app.asar，解压出里面的文件 二、排除无用的node_modules依赖 node_modules文件夹体积为72M，但是这里面的依赖都是开发依赖，并没有生产依赖，所以我们在打包前将其排除在外 三、制作app.asar 将排除了node_modules的业务文件通过“asar pack ./ app.asar”指令压缩成app.asar。 四、组合成完整的Electron程序 将app.asar放在resou...
Electron 应用程序打包体积过大常用的优化方法
q1003675852的博客
12-04 1万+
使用 webpack 或 rollup 等模块打包工具可以将应用程序中的多个模块打包成单个文件，从而减少文件数量和大小，从而减小应用程序的打包体积。asar 是一种将应用程序打包为单个归档文件的方法，可以有效减少文件数量和大小，从而减小应用程序的打包体积。如果想通过修改app.asar的扩展名，再用其它解压工具，或者用其它解压工具直接打开，可能会报错。将应用程序的文件进行压缩，可以有效减小文件大小。检查应用程序依赖的模块和库是否真正需要使用，如果不需要，可以将其从项目中移除。来删除未使用的依赖项。
Electron 桌面应用开发系列文章 - 减小应用的打包体积
weixin_34004750的博客
05-10 3163
前言 笔者最近一直在使用 electron 开发一个可视化工具 Nowa，里面的技术栈是 webpack2 babili react electron electron-builder 使用过 electron 的人都知道，打出来的包是很大的，因为electron 内置了 Node & Chromium, 所以啥都还没干，打出...
electron-vue搭建项目的坑和优化
斗师——Ace
11-21 636
1. electron项目优化：参考https://juejin.im/post/6844904029231775758。 2. electron-vue项目搭建：参考https://blog.youkuaiyun.com/qq_42231156/article/details/109209812。 3. process is not defined报错提示：参考https://blog.youkuaiyun.com/qq_42231156/article/details/109208053。 4. "$router/$st
tauri+vue开发小巧的跨OS桌面应用-股票体检
虚幻私塾
07-05 678
最近打算写一个用于股票体检的软件，比如股权质押比过高的股票不合格，ROE小于10的股票不合格，PE大于80的股票不合格等等等等，就像给人做体检一样给股票做个体检。也实现了一些按照技术指标、基本面自动选股，实盘买卖点回测功能等等等等。我用vue开发了这样一个软件，目前只有我自己在浏览器上使用，许多小伙伴和我说:“你把它做成网站呗”。先不说别的，这种网站只是备案就够我喝一壶的！所以我就想做成一个PC端的桌面软件，分给小伙伴们在自己的电脑上安装一下就好了！在tauri出现之前，首选肯定是electron，「核心开
Electron源码学习: Electron程序体积裁剪（减小体积）
星空漫步者
07-15 1万+
​ 此篇专题名称可能叫的编译(虽然并没有具体的编译步骤，但实际上本文里面的各种技术都需要源码编译Electron)更为合适。因为此篇文章基本不涉及到源码的解析和修改，但是因为也是基于的学习和理解之上的，勉勉强强也叫这个名字吧。我测试编译的环境为 V4.2.9,为2019年年底的版本，本文中部分的方法在最新的版本版本上不能直接适用； 那这种情况怎么办呢？自己去改改就好了。​ 如果对体积有强烈需求的人，可以去看：https://miniblink.net/，该方案几乎是重写了整个浏览器，除了V8之类的东西，所以
electron之压缩打包体积
菜菜鸟的博客
05-06 6779
场景：我使用的vue打包后的dist文件，用electron打包这个文件生成exe文件 压缩打包体积 1.vue打包时，做优化，去掉不必要的打包文件 2.electron打包时，删除node_modules文件，此文件只是electron开发时所需，打包无需使用 ...
electron打包
z某某的博客
12-08 1346
electron打包入门，electron打包asar加密相关问题解决
如何解决Electron打包时文件包比较大的问题？
最新发布
王铁柱666的博客
11-30 1658
Electron打包时文件包比较大是一个常见的问题，这主要是由于Electron将Chromium和Node.js嵌入到应用中，导致基础体积较大。不过，你可以采取一些策略来优化和减小打包后的文件大小。请注意，在进行这些优化时，务必仔细测试应用程序以确保稳定性和功能完整性。某些优化可能会导致运行时问题或性能下降，因此需要谨慎评估。
Electron程序打包
Xplorist
02-11 394
Electron安装+运行+打包成桌面应用+打包成安装文件+开机自启动 參考博客地址：https://blog.youkuaiyun.com/qq_42564846/article/details/82221203   React + Electron搭建桌面應用程序 參考博客地址：https://juejin.im/post/5a6a91276fb9a01cbd58ce32   Electron...
vue项目打包优化：缩小体积productionSourceMap设置，使用cdn加速
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
02-21 6850
我们在执行 npm run build 生成线上文件的时候，其实调用了 vue-cli-service build这里面会提到一个配置项：productionSourceMapproductionSourceMap的作用在于定位问题，打包时会生成.map文件，在生产环境就可以在浏览器查看到输出的信息具体是在哪一行，但相应的包的体积也会变大，将其设置为false则不生成.map文件。自己的项目在开启productionSourceMap是打包后dist目录文件大小，约为20M左右。
Electron 安装包 asar 解压定位问题实战
王森的博客
09-19 1100
在开发 Electron 过程中，我们想知道 Electron 打包的最终形态是什么样的，以便我们能更好的理解 Electron 打包的过程，以及逆向来快速追踪一些问题，例如下面这个报错，以前这类报错都是靠猜，现在则可以快速定位，找到源码问题发生点
electron electron-builder 打包exe 排除文件
huaxiu5的博客
01-05 6391
排除文件，不会压缩进 app.asar 的资源，但是会出现在resources/app.asar.unpacked文件夹下 "win":{ "target": [{ "target":"nsis" }], "icon":"build/favicon.ico", "asarUnpack":[ "src/**", "README.md" ] },
Electron实战系列八：性能优化
m0_68635815的博客
02-17 1279
核心方案就是将运行时耗时、计算量大的功能交给新开的node进程去执行处理。
跨平台桌面应用的开发框架——Electron
xxxzzzqqq_的博客
03-07 1万+
本文介绍了我们对桌面端技术的调研、确定技术选型，以及用 electron 开发过程中，总结的实践经验，如构建、性能优化、质量保障、安全等。希望对读者在开发桌面应用过程中有所帮助，文章难免有不足和错误的地方，欢迎读者在评论区交流。
Electron无边框窗口（最小化、最大化、关闭、拖动）以及动态改变窗口大小
热门推荐
WWF_HelloWorld
10-27 4万+
文章目录一、目标原型1. 目标2. 原型设计3. 原型初步实现二、无边框窗口1. 要点2. 改造三、可拖拽区1. 要点2. 改造四、最小化、最大化、关闭1. 要点2. 改造五、动态改变窗口大小1. 要点2. 改造六、实例源码下载 一、目标原型 1. 目标 实现一个无边框窗口，包括最小化、最大化、关闭、拖动等功能 动态改变窗口大小，即在页面跳转的时候根据需要改变窗口大小 2. 原型设计 (1) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值