赞
踩
如果您正在使用electron-react-boilerplate进行快速的Electron应用程序开发,您可能会遇到想要在桌面应用程序中拥有多个原生窗口的情况。
MacOS窗口图像由OpenClipart-Vectors提供,来源Pixabay。
webpack
插件HtmlWebpackPlugin
为每个入口(块)创建一个html文件。如果您不想了解如何操作的细节,您可以直接克隆这个仓库并从中学习https://github.com/alielmajdaoui/electron-react-boilerplate-multiple-windows
在./src
文件夹内,创建两个文件夹,settings-main
用于主进程文件,settings-renderer
用于渲染进程文件。
打开文件.erb/configs/webpack.paths.ts
,在以下行之后
const srcRendererPath = path.join(srcPath, 'renderer');
添加
const srcSettingsMainPath = path.join(srcPath, 'settings-main');
const srcSettingsRendererPath = path.join(srcPath, 'settings-renderer');
在同一文件中,导出新变量。
文件.erb/configs/webpack.paths.ts
应该看起来像
./erb/configs/webpack.paths.ts
创建设置窗口渲染进程
在settings-renderer
文件夹内,创建一个新文件index.ejs
./src/settings-renderer/index.ejs
在同一文件夹settings-renderer
内,创建一个新文件index.tsx
./src/settings-renderer/index.tsx
将新的渲染入口添加到Webpack
打开.erb/configs/webpack.config.renderer.dev.ts
,并找到以下代码块
entry: [
`web
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。