path.join(__dirname, '../renderer/assets/images/icon.png') : path.join(__static, './icon.png') 日常开发中不会将相同图片copy两次放不同位置,可通过build配置拷贝静态文件到所需位置。 修改webpack.renderer.config.js 、webpack.web.config.js
//创建项目vue init simulatedgreg/electron-vue my-project//安装依赖(有条件可通过FQ进行安装,否则有些地方会卡住)cd my-project yarn//或者 npm installyarn run dev//或者 npm run dev 3. 运行项目时遇到的问题 3.1. process is not defined 在.electron-vue/webpack.renderer.config.js和.electron-vue/we...
demo参考:https:///zhangxuelian/electron-vue-frame/tree/master/src/renderer 这里是前端项目源码。 2.3、渲染进程打包配置 文件目录:./.electron-vue/webpack.renderer.config.js 具体配置:https:///zhangxuelian/electron-vue-frame/blob/master/.electron-vue/webpack.renderer.config.js 该配置主要将渲染进程...
修改项目文件 .electron-vue目录下 - webpack.renderer.config.js - webpack.web.config.js 在两个文件的new HtmlWebpackPlugin方法内(template及minify参数之间)追加代码,最终如下所示 代码语言:javascript 代码运行次数:0 运行 AI代码解释 // webpack.web.config.jsnewHtmlWebpackPlugin({filename:'index.html'...
本文的electron-vue特指simulatedgreg/electron-vue。为什么没有用vue add electron-builder的方法呢,原因是由于使用elementui时,el-table不能正常显示,需要改动配置文件,但网上的方案都是针对electron-vue的,也就是改变webpack-renderer-config.js,但在利用vue add electron-builder生成的项目中不知道如何作相应的修改,...
如果dev或者web环境下__static变量解析不正确,只需要自行修改对应运行环境下的__static变量值就行了,例如dev环境下的__static应该改为: 复制代码 //.electron-vue/webpack.renderer.config.js if (process.env.NODE_ENV !== 'production') { //非最终产...
ipcRenderer.sendTo(Electron 5之后) 数据共享 web技术(localStorage、sessionStorage、indexedDB、可嵌入型数据库等) 使用remote(尽量少用,容易影响性能) 由于公司使用的技术栈是vue,所以需要将electron和vue结合起来,当然结合的方式也不麻烦,这里我们选用了electron-vue这个开源框架。它已经将两者结合起来,并且能够独立打包...
然后在.electron-vue下webpack.renderer.config.js文件中的module.rules中对相应的文件加载postcss-loader就可以了;需要注意的是使用官方的打包之后出现项目空白,可能是nodeModules配置不对,需要在webpack.renderer.config.js文件中配置如下就可以了:nodeModules:path.resolve(__dirname, './node_modules')。至此就可以...
在webpack.config的rules中加上 Babel 因为我们用的都是最新的Electron,浏览器内核都比较新,新的JS特性也都支持,就不安装Babel了。 安装Electron 重头戏终于来了。npm i -D electron@latest安装最新的electron。新建./main.js作为electron的入口文件。 由于增加了main文件作为Electron的入口,再加上index文件作为Vue的...
复制代码//.electron-vue/webpack.renderer.config.jsif (process.env.NODE_ENV !== 'production') { //非最终产品环境,这里即为dev环境 rendererConfig.plugins.push( new webpack.DefinePlugin({ // '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\')}"` '__static...