electron-vite_20配置依赖包运行时区外部加载commonjsExternals_vite-plugin-commonjs-externals

Electron 项目中使用 electron-vite(Vite的Electron 构建工具)时的配置文件,告诉 Vite哪些依赖(包)在打包时不用一起打包,而是运行时让Electron去外部加载;

依赖插件vite-plugin-commonjs-externals

1.项目中版本package.json

json 复制代码
"devDependencies":{
	"vite-plugin-commonjs-externals": "^0.1.4",
}

2.安装

typescript 复制代码
npm i vite-plugin-commonjs-externals -D

3.引入electron.vite.config.ts 文件

typescript 复制代码
import commonjsExternals from 'vite-plugin-commonjs-externals';

4.使用electron.vite.config.ts

typescript 复制代码
const commonjsPackages = [
  'dingrtc-electron-sdk',
] as const;

export default defineConfig({
	main:{},
	preload:{},
	renderer:{
		plugins:[
			commonjsExternals({ externals: commonjsPackages }),
		]
	},
});
  1. 编译后路径
typescript 复制代码
// win电脑右键图标=>属性=>打开文件所在的位置;
// mac公司没有mac有的兄弟可以评论区告诉我怎么弄;
resources/app.asar.unpacked/node_modules/dingrtc-electron-sdk
相关推荐
星晨雪海1 小时前
怎么格式化idea中的vue文件
前端·vue.js·intellij-idea
没事多睡觉6661 小时前
Vue 虚拟列表实现方案详解:三种方法的完整对比与实践
前端·javascript·vue.js
white-persist1 小时前
Burp Suite模拟器抓包全攻略
前端·网络·安全·web安全·notepad++·原型模式
ObjectX前端实验室1 小时前
【前端工程化】脚手架篇 - 模板引擎 & 动态依赖管理脚手架
前端
GISer_Jing1 小时前
前端GIS篇——WebGIS、WebGL、Java后端篇
java·前端·webgl
excel2 小时前
Vue3 EffectScope 源码解析与理解
前端·javascript·面试
不老刘3 小时前
Base UI:一款极简主义的「无样式」组件库
前端·ui
祈祷苍天赐我java之术3 小时前
Redis 有序集合解析
java·前端·windows·redis·缓存·bootstrap·html
ObjectX前端实验室3 小时前
【react18原理探究实践】React Effect List 构建与 Commit 阶段详解
前端·react.js
用户1456775610374 小时前
文件太大传不了?用它一压,秒变合格尺寸!
前端