一、配置与生成config.json文件 首先,要在项目下新建一个config.json文件,然后再config文件中,写入一些信息。 然后在vue.config.js中写入配置,通知electron在打包时,不要将指定文件打包进app.asar中。 pluginOptions:{electronBuilder:{builderOptions:{// build配置在此处// options placed here will be merged with...
背景: Vue+ElementUI的web项目中, 可以配置一个config.js来解决,那么eletron呢? 思路有两个: 1. 直接使用 global.sharedObject 让main线程与render线程直接数据共享。 2. 借助事件传递。 项目根路径直接放置一个配置文件,可以是config.json 或者 config.yml,都有对应的处理方案,这里以config.yaml做例子: 注意:使...
1、根目录下创建配置文件 config.conf,里面写入baseUrl (注意这里通过 json 格式写入),如下: 2、配置打包时对资源进行复制,在 package.json 中修改build的配置 这里需要注意 electron-builder 中两个常用的配置选项:extraResources 拷贝资源到打包后文件的 Resources 目录中,extraFiles 拷贝资源到打包目录的根路径下,这...
一般web前端项目配置文件,写死的放在src/config下,需要打包配置的放在.env文件中。但在electron项目中,如果配置数据更改,需要每次给用户打包升级肯定是行不通的。于是外部配置文件就是有必要的,具体实现方法也比较简单,通过fs去读写外部文件就可实现 具体实现 设置文件不被压缩混淆 将配置文件放在根目录的config文件夹 ...
在Electron中,外部资源的配置通常通过electron-builder或electron-packager等打包工具的配置文件来实现。以electron-builder为例,可以在vue.config.js或electron-builder.json等配置文件中,通过extraResources字段来指定哪些文件或目录需要被复制到应用的dist目录(或打包后的目录)之外。 json // vue.config.js中的electron-bu...
3. 安装并配置 Vue3。使用 vue-loader 创建 Vue 应用，添加 App.vue 和 HelloWorld.vue 组件。在 index.html 中添加 和 。4. 引入样式（Scss）。通过单文件组件的形式添加样式，并通过 import 外部 scss 文件的方式扩展样式功能。创建 src/style/common.scss，引入并应用样式。5. 引入图片资源。
package.json设置main属性,描述主进程文件路径 { ..."main":"electron/main.js"... } 加载页面 如上代码,Electron 加载页面有两种方式: 开发环境使用loadURL加载 Vue 项目的启动地址,可以实现热更新 生产环境使用loadFile加载 Vue 打包后的index.html文件,以免还要起服务运行前端页面 ...
vue-cli-plugin-electron-builder : 2.0.0-rc.4 ffi-napi : 3.0.1 ref-napi : 2.0.3 ref-array-napi : 1.2.1 ref-struct-napi : 1.1.1 1. 先自己开发一个DLL文件备用 非本文重点,熟悉的朋友可以略过。在这个DLL中,分别开发了三种情况的C函数: ...
在Vue项目的配置文件vue.config.js中,配置Webpack的configureWebpack选项,以将utils.js编译/构建到main.js中。如果该文件不存在,可以手动创建。// vue.config.js module.exports = { configureWebpack: { entry: { main: './src/main.js', utils: './src/utils.js' } } }; ...
在实际的 Vue Electron项目中调用 Dll 的时候,会遇到一些问题,通过配置可以解决这些问题。我在实际使用的过程中,刚开始遇到了很多问题,一度以为 NodeJS 12.X 和 Electron 9.x 与 ffi-napi 不兼容。有了前面的实验,可以可定的是不存在兼容性问题,通过在 vue.config.js文件中配置,这些问题都可以解决。