当前位置:   article > 正文

electron-vue项目下本地启动创建多窗口(二)——单端口,单webpack配置,多vue实例_vue-electron怎么打开多个窗口

vue-electron怎么打开多个窗口

1. 本地启动,在同一端口下,同一webpack编译成不同的入口文件,如:

  • http://localhost:9080/index.html
  • http://localhost:9080/update.html
  • ......

2. 配置不同的vue实例入口文件以及其入口页面:

  • renderer/index.ts:创建主界面vue实例,挂载一个vue实例入口页面。
  1. import {createApp} from 'vue'
  2. import App from './App.vue'
  3. createApp(App).mount('#app')
  • update-win/index.ts:创建更新界面vue实例,挂载另一个vue实例入口页面。
  1. import {createApp} from 'vue'
  2. import Update from './Update.vue'
  3. createApp(Update).mount('#app')

3. 配置同一webpack的不同入口文件:

  • webpack.renderer.config.js配置:
  1. let rendererConfig = {
  2. entry: {
  3. renderer: path.join(__dirname, '../src/renderer/index.ts'), //入口1文件
  4. updateWin: path.join(__di
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Guff_9hys/article/detail/936045
推荐阅读
相关标签
  

闽ICP备14008679号