如何使用electron builder更改应用程序图标
我更改了我的应用程序图标,由于某些原因,我无法更新图标(目前有一个电子图标) 我使用的相关模块:如何使用electron builder更改应用程序图标,build,icons,electron,electron-builder,Build,Icons,Electron,Electron Builder,我更改了我的应用程序图标,由于某些原因,我无法更新图标(目前有一个电子图标) 我使用的相关模块: "electron-builder": "5.7.0", "electron-prebuilt": "^ 1.4.13" mypackage.json: "build": { "appId": "com.siemens.dmv", "asar": true, "win": { "target": "squirrel",
"electron-builder": "5.7.0",
"electron-prebuilt": "^ 1.4.13"
mypackage.json
:
"build": {
"appId": "com.siemens.dmv",
"asar": true,
"win": {
"target": "squirrel",
"icon": "./build/icon.ico",
"title": "DigitalManufacturingViewer",
"msi": true,
"IconUrl": "data: image / png; base64,
AAABAyUAJSshACMLBAAeJRAAAw0VAAYPEQAFJzsAE // (long string)
}
我尝试了几个命令但没有成功,有人知道我必须运行什么命令吗?制作icon.ico(适用于windows)和icon.icns(适用于mac和linux)并将它们放在build\目录中
从配置中删除其他“图标”属性。build\目录是electron builder搜索图标的默认位置
还可以尝试更新electron builder版本。您使用的版本大约有2年历史。新版本中提供了许多与图标相关的功能和错误修复。Electron Builder默认情况下会在
build
文件夹中查找资产:
./build/
background.png
background@2x.png
icon.icns
icon.ico
icon.png
图标名称列在文档中:
您可以使用以下方法在包.json
中配置生成文件夹路径:
{
"name": "your-app",
"version": "0.0.1",
"build": {
"files": [
"custom/directory"
],
"directories": {
"buildResources": "custom/directory"
}
}
}
确保使用文件
属性复制文件。如配置文档中所述:
我已更改tnx。您应该在根目录下的应用程序目录中添加图标(而不是在内部版本中),只需提供类似app/icons/icon.ico的url,然后我该怎么办?您应该将图标创建为.ico文件(适用于Windows图标),并将其放在项目中。如果您使用@Nir的示例目录“app/icons/icon.ico”。然后在package.json下,您应该将“IconUrl”更改为“icon”,并将路径添加到.ico文件中。它应该是这样的:
“win”:{“icon”:“app/icons/icon.ico”}
为什么它是linux/mac的icon.icns
,而不是,例如,icon.png
?@icc97它基本上不重要。您可以使用icon.png,electron builder将在构建过程中自动创建ICN/ico文件。但这给我的.deb版本带来了一些问题,我不建议使用ico/icns文件。@icc97 icns是一个图标集-它实际上是一个包含不同分辨率图标的文件夹,因此您的应用程序图标可以在不同的场景中很好地伸缩(例如:任务切换程序的图标与应用程序出现在finder中时的图标等)。这解释了更多: