electron-builder 和 pnpm(monorepo) 一起使用

一般使用 pnpm 的 electron 项目结构如下：

+ packages/+ app # electron 文件夹+ web # web端的文件夹...其他项目
.npmrc
package.json
pnpm-workspace.yaml

pnpm-workspace.yaml 设置如下

packages:# all packages in subdirs of packages/ and components/- "packages/**"# 排除 electron-builder 生成的 app- "!**/dist/**"

.npmrc 设置如下，详情请看： https://www.electron.build/index.html#note-for-pnpm

node-linker=hoisted

所以打包的步骤为：

1.web项目 打包生成到 app项目下的 public 文件夹
2.app项目 使用 electron-builder 打包

只要设置了 node-linker=hoisted ，pnpm 就会形成扁平化的结构，然后 electron-builder 会自动寻找依赖进行打包，不需要考虑会有冗余的包出现。

electron-builder 和 pnpm(monorepo) 一起使用相关推荐

electron builder 打包错误 cannot unpack electron zip file 解决方案
electron builder 打包错误 cannot unpack electron zip file 解决方案参考文章: (1)electron builder 打包错误 cannot unp ...
electron builder 打包错误相关问题
electron项目在打包成exe文件时,第一次打包成功,第二次打包就报错了,报错如下: 然后按照提示去下载(https://github.com/electron-userland/electron ...
【2021年】通过vue-cli创建electron项目
1. 创建项目 vue create your-project-name 2. vue-cli添加electron-builder依赖 // 切换工作目录 cd vue3-electron/ // 添 ...
Electron（基于Vue）中使用IPC
IPC(InterProcess Communication,进程间通信)指在不同进程之间传播或交换信息. 使用IPC 1. 项目简介 2. IPC配置 2.1 创建预加载脚本 2.2 配置预加载脚本 ...
【混淆系列】三问：npx、npm、cnpm、pnpm确定搞明白了？
大家好,我是猫小白,本文继续输出前端混淆知识点系列第三问.致力于夯实基础.消灭模糊知识点. 往期[混淆知识]传送门: 一问:module.exports.exports.export都是导出,有何区别 ...
快速简洁的Vue+Electron项目搭建教程
Vue+Electron项目搭建教程最近写一个项目,需要使用Electron集成Vue,特此记录搭建过程 Vue+Electron 常用搭建方式在之前,通常我们会使用electron-vue脚手架 ...
Electron使用
Electron使用首先是官网走一波~ 换了打包方式官网那个就有点不受用了. 1.新建项目还是参考官网 2.安装Electron 3.安装Electron builder 我参考他的处理,以及根据他 ...
大前端 - 泛客户端 - Electron
Electron 是一个跨平台的.基于 Web 前端技术的桌面 GUI 应用程序开发框架. 使用 Web 前端技术来开发一个桌面 GUI 程序是一件多么炫酷的事情,你可以使用 HTML.CSS 来绘制 ...
初识Monorepo
引言在如今快节奏的前端开发中,管理多个项目和组件的复杂性成为了开发团队的挑战,Monorepo(单一代码仓库)作为一种新兴的解决方案,正在成为开发团队的新宠. Monorepo简介是什么 Mono ...

electron-builder 和 pnpm(monorepo) 一起使用

electron-builder 和 pnpm(monorepo) 一起使用相关推荐

最新文章

热门文章