admin管理员组

文章数量:1621915

准备写个系列，先把flag立上～

问题

electron-vue默认的配置是单页面应用，但是在这种情况下想实现多个窗口多页面入口，即

同时打开aWin，bWin两个窗口，

且aWin窗口展示a.html，bWin窗口展示b.html。

复制代码

解决方案

1. 创建多页面

首先在renderer里创建两个Vue实例，为了方便管理，统一放到pages路径下。提出store统一管理这两个Vue实例，文件结构如图，具体代码可见文末的repo地址。

2. 修改打包脚本

首先添加打包多个页面的脚本 multi-page.config.js:

const glob = require('glob');

const path = require('path');

const PAGE_PATH = path.resolve(__dirname, '../src/renderer/pages');

const HtmlWebpackPlugin = require('html-webpack-plugin');

exports.entries = function () {

/*用于匹配 pages 下一级文件夹中的 index.js 文件 */

本文标签： 多个入口多页多窗口窗口

版权声明：本文标题：html 创建多个窗口,electron-vue开发笔记（3）多窗口多页面入口配置 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1728851494a1176730.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。