首页 > 其他分享 >react + electron 打包记录

react + electron 打包记录

时间:2023-10-18 18:55:22浏览次数:24  
标签:ico -- react electron dist 256 public 打包

package.json 中的更改:

增加:

  "homepage": "./",     "build": {     "productName": "xxxx",     "appId": "com.xxx.win",     "directories": {       "output": "dist"     },     "files": [       "dist/**/*",       "public/**/*",       "main.js",       "package.json",       "preload.js",       "src/**/*"     ],     "win": {       "target": [         "nsis"       ],       "icon": "public/256.ico"     },         "nsis": {       "oneClick": false,       "perMachine": false,       "allowElevation": false,       "allowToChangeInstallationDirectory": true,       "installerIcon": "public/256.ico",       "uninstallerIcon": "public/256.ico",       "installerHeader": "public/background.png",       "installerHeaderIcon": "public/256.ico",       "createDesktopShortcut": true,       "createStartMenuShortcut": true,       "shortcutName": "xxx"     }     安装 打包工具:npm install electron-builder --save-dev   打包指令:     "electron-start": "electron .",     "dist": "electron-builder --win --ia32",     "distmac": "electron-builder --mac"

标签:ico,--,react,electron,dist,256,public,打包
From: https://www.cnblogs.com/wxhhts/p/17773087.html

相关文章

  • 解压与打包
    背景:在日常工作中,我们经常会遇到一些文件需要解压和打包,这里记录一下相关的使用方法。 一、windows下我们在windows下一般使用成熟的工具,推荐7z 二、linux下在linux下,我们使用命令行解压/打包,要比使用其他成熟工具快很多,所以,能在linux下解压的,我们就使用linux命令行......
  • EXE打包成安装包
    1.打开InnoSetup软件,新建脚本文件2、设置应用程序信息3、设置应用程序文件夹,就是说设置应用程序安装时候的默认路径和应用程序的文件夹,可以根据实际自定义设置。4、选择需要打包生成安装包的exe应用程序,并添加需要打包的所有文件或文件夹,必须要保证将exe运行所需的库文件......
  • Vue项目打包为桌面应用
    vue项目首先使用 npmrunbuild 打包为dist文件后,进入dist目录得到如下文件:就是打包后的html+css+js+static 新建一个deskapp文件夹,里面在新建一个App文件夹,把打包好的dist里面的所有文件拷贝到App文件夹里面: 然后我们需要用到一个安装包的json文件,在deskapp文件夹中新建......
  • tar归档打包命令的使用
    Linux不同格式的文件怎么压缩和解压原创 HC IT人家 2023-10-1722:19 发表于广东收录于合集#Linux干货32个文件压缩在日常工作中经常用到,将多个文件和目录组合成一个归档文件,便于传输、备份或分发。这有助于将一组文件整合到单个文件中,以便进行统一管。同时,对文件进......
  • react数据管理之setState与Props
    react数据管理之setState与PropssetState调用原理setState是React中用于更新组件状态(state)的方法。它的调用原理可以分为以下几个步骤:状态的改变:当调用setState时,React会将新的状态对象与当前状态对象进行合并(合并过程是浅合并)。React不会直接修改当前状态对象,而是创建一个......
  • react 公司项目学习 【react+webpack+nw.js + mobx+react-intl 实现的多页面多语言win
    这几天突然要来个react项目;听说还比较复杂;项目组内就两个人会react还在忙,整组主要是用vue;这不,这种‘狗都不干’的事,被安排到我身上了,那就学吧;一、研究代码结构不得不说,这目录结构搞得有点复杂,算是我接触中除了乾坤和electron之外,相当复杂的了,慢慢阅读吧;看懂了,原来是react+web......
  • php一键打包压缩目录文件代码示例
    <?php$button=$_POST['button'];if($button=="开始打包"){$zip=newZipArchive();$filename="./".date("Y-m-d")."_".md5(time())."_zy.zip";if($zip->......
  • react native app 图标在安卓上内容被切割问题记录
    问题背景:reactnative开发app,设置的app图标在安卓中会被切割,导致周围的留白被切掉,看起来很奇怪。甚至有些文字内容被切割掉,显示不全。在不同手机上,icon可能会被切割成各种圆角,如果留白不够,内容可能会被切割。在iOS上icon也有相应的规范,比如需要1024尺寸等。解决方法:在查找......
  • 在react项目中结合antd实现表格tooltip提示
    react项目antdesign给表格title添加tooltip提示效果,效果如下: title:()=>(    <span>     {'原表'}&nbsp;     <Tooltip       title={'如有颜色标注则表示id在该表无数据'}     >      <InfoCircleOutlined......
  • vue打包生产环境样式丢失解决
    一、概述把自己打包的vue小案例打包,然后发布到生产环境。发布到生产环境访问后发现样式丢失。(ps:测试环境正常的)二、解决办法找到项目中的vue.config.js把extract的值改为falsemodule.exports={css:{extract:false,loaderOptions:{stylus:......