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 天前
未在props中声明的属性
前端·javascript·vue.js
子伟-H51 天前
App开发框架调研对比
前端
桃子不吃李子1 天前
axios的二次封装
前端·学习·axios
SteveJrong1 天前
面试题 - JavaScript
前端·javascript·面试·ecmascript·基础·找工作·红宝书
阿金要当大魔王~~1 天前
uniapp 页面标签 传值 ————— uniapp 定义 接口
前端·javascript·uni-app·1024程序员节
全栈软件开发1 天前
uniapp三端影视源码苹果cms自动采集电影视频网站源码前端源码带VIP
前端·uni-app·影视源码
chxii1 天前
10.4FormData :前端文件上传与表单数据处理的核心工具
前端
AntBlack1 天前
不当韭菜 : 好像真有点效果 ,想藏起来自己用了
前端·后端·python
楊无好1 天前
react中props的使用
前端·react.js·前端框架
一个处女座的程序猿O(∩_∩)O1 天前
Vue-Loader 深度解析:原理、使用与最佳实践
前端·javascript·vue.js