背景: 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 拷贝资源到打包目录的根路径下,这...
//开发模式配置,生产模式请使用Nginx部署并配置反向代理 devServer: { port: 1888, proxy: { '/api': { //本地服务接口地址 target: 'http://1.1.1.1:8800', ws: true, pathRewrite: { '^/api': '' } } } } } 这差不多是主要的三个文件,我也没全研究透彻,有疑问的可以留言,我尽力帮忙...
使用npm init 命令可以初始化一个 package.json 的文件,在初始化的时候会让用户输入 name, version 等信息(也可以直接回车使用默认的设置),然后就会生成如上的 package.json 配置文件。 上面的 package.json 包含了项目的名称,版本号,描述...
1、在dist文件夹内创建主程序入口(main.js) 和配置文件package.json main.js const {app, BrowserWindow} = require('electron');//引入electronlet win; let windowConfig= {//窗口配置程序运行窗口的大小width: 800, height:600};functioncreateWindow() { ...
electron-builder打包后默认的安装方便是便捷式的,没有欢迎界面,也不能自己选择安装目录等问题,上页的主体配置文件与给说明,现在看一下关键位置的配置信息 "nsis":{"oneClick":false,//是否静默安装(一键式安装)"perMachine":true,//安装模式true=所有用户false=自己"allowElevation":true,//允许请求提升。 如果为...
在渲染进程中无法使用electron的remote模块,有两种方法可以使用,需要进行如下配置: 方法一 在package.json同级目录下创建vue.config.js module.exports={pluginOptions:{electronBuilder:{preload:'src/preload.js',}}} 2. 在src中即与background.js同级目录下创建预加载文件 preload.js ...
Electron-vue使用的单页面配置,由于项目中不可避免存在多个窗口,需要配置多个html地址,使用多页面入口,每个渲染进程窗口都是独立的,每个页面拥有自己的状态、视图。 调整webpack配置 1.新增muti-page.config.js文件 constglob=require('glob');constpath=require('path');constPAGE_PATH=path.resolve(__dirname,'.....
配置Vue CLI 在根目录创建vue.config.js文件,配置Vue CLI: module.exports = { pluginOptions: { electronBuilder: { preload: 'src/preload.js' } } } 三、开发与打包应用 开发应用 现在可以使用Vue开发应用的前端部分,组件、路由等都可以按照Vue的标准方式开发。
三个变量:__dirname,__filename和__static。 Webpack 配置:.electron-vue文件夹便是存放Webpack配置文件的。里面有专门针对main和rederer的配置。 参考 electron-vue文档: https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ ,分享自微信公众号。