electron的学习基础汇总-标题electron app dock使用

时间:2024-04-03 21:36:54
main.ts文件中的app使用dock
/**
 * Add event listeners...
 */

if(isMac) {
  const dockIcon = applicationImage({path: 'dockIcon.png'})
 
  // 获取图标路径
  app.dock.setIcon(dockIcon)
}
main.ts文件中所使用的applicationImage封装方法,我写在utils/path.ts内:
const RESOURCES_PATH = app.isPackaged
  ? path.join(process.resourcesPath, 'assets')
  : path.join(__dirname, '../../assets');

export const getAssetPath = (...paths: string[]): string => {
  return path.join(RESOURCES_PATH, ...paths);
};

// dock图标和托盘小图标共用
export const applicationImage = ({path, size}: PathType['image']) =>{
  return nativeImage.createFromPath(getAssetPath(path)).resize({ ...size })
};

electron配置打包:
参考:https://juejin.cn/post/7009179524520738824

持续更新中。。。