html 创建多个窗口,electron-vue开发笔记（3）多窗口多页面入口配置

准备写个系列，先把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 文件 */