Electron+vite+vue的打包

前言

记录一下electron的打包

1.安装依赖

npm install electron-builder --save-dev # 打包用

2.配置package.json，在scripts里面添加

“electron:build”: “npm run build && electron-builder”

一、npm run build

1.

问题：vue-tsc 在执行类型检查时抛出了异常，这个报错通常是由于 vue-tsc 版本不兼容 或者 配置文件（如 tsconfig.json）存在异常或版本冲突 导致的。

PS E:\Vite+Electron\electron-appwanzheng> npm run build

> electron-app@1.0.0 build
> npm run typecheck && electron-vite build


> electron-app@1.0.0 typecheck
> npm run typecheck:node && npm run typecheck:web


> electron-app@1.0.0 typecheck:node
> tsc --noEmit -p tsconfig.node.json --composite false


> electron-app@1.0.0 typecheck:web
> vue-tsc --noEmit -p tsconfig.web.json --composite false       


E:\Vite+Electron\electron-appwanzheng\node_modules\.store\vue-tsc@1.8.27\node_modules\vue-tsc\bin\vue-tsc.js:68
                        throw err;
                        ^
Search string not found: "/supportedTSExtensions = .*(?=;)/"
(Use `node --trace-uncaught ...` to show where the exception was thrown)

Node.js v20.18.0

解决方案：
可以直接在package.json里面修改配置跳过类型检查或者根据报错信息修改

"scripts": {
    "format": "prettier --write .",
    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts,.vue --fix",
    "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
    "typecheck:web": "vue-tsc --noEmit -p tsconfig.web.json --composite false",
    "typecheck": "npm run typecheck:node && npm run typecheck:web",
    "start": "electron-forge start",
    "dev": "electron-vite dev",
    "build": "electron-vite build",//这里修改的
    "postinstall": "electron-builder install-app-deps",
    "build:unpack": "npm run build && electron-builder --dir",
    "build:win": "npm run build && electron-builder --win",
    "build:mac": "npm run build && electron-builder --mac",
    "build:linux": "npm run build && electron-builder --linux",
    "package": "electron-forge package",
    "make": "electron-forge make",
    "electron:build": "vite build & electron-builder build --config electron-builder.json"
  },

然后再次运行npm run build就成功啦
成功可以看到out文件夹下面的三个

二、npm run build:win

运行这个之后反应很慢，搜索之后发现是体积太大？？
可以等待五六分钟或者关掉windows的病毒和威胁防护设置（显著提高速度）

三、适配win32位系统

删除node_modules重新下载一下，只用修改配置文件的这个就行，然后重新运行npm run build并打包npm run build:win32

“build:win32”: “electron-builder --win nsis --config=electron-builder.json --ia32”

总结