vue3+electron 如何做到本地化？

Question

我的项目目录如下：

其余 electron 为应用 main.js 主进程存放目录，dist、dist-electron 分别为 vue 的打包目录和 electron 的打包目录

之前我都是将 dist 上传到服务器，后 electron 中通过访问网络地址进行展示操作
但如今客户要求应用本地化，应该怎么做呢？

是将 electron 中的 mainWindow.loadURL() 指向本地 dist 文件？
还是在 electron 中开启本地 http 服务，之后服务指向本地 dist 文件？
而且我现在是打包的两个文件，是否是将 dist 复制到 electron 文件夹后，在进行应用打包？

我有点想不明白，还望指点迷津，谢谢！

---

我已通过上面提到的第三种方式成功打包，并正常显示，但是原点击功能失效在点击时候报错

Answer 1

问题已解决，问题在于打包后的根目录和开发环境不一致
我定义的

const currentDirPath = __dirname
parentDirPath = path.resolve(currentDirPath, '..') // 在打包无法获取到目录

修改为

let parentDirPath
if (app.isPackaged) {
  parentDirPath = './'
} else {
  parentDirPath = path.resolve(currentDirPath, '..')
}

即可解决

Answer 2

vue+electron没搞过，但是react弄过。
其中win.loadFile加载的就是你打包后的vue文件。

const createWindow = () => {
  let width = 580;
  let height = 430;

  if (app.isPackaged) {
    width = 560;
    height = 400;
    Menu.setApplicationMenu(null)
  }

  win = new BrowserWindow({
    width,
    height,
    icon: path.join(__dirname, 'icons/icon.ico'),
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
    },
  });

  ipcMain.on('taskFinish', (event, payload) => {
    flashWindow();
  });

  if (app.isPackaged) {
    win.loadFile('dist/index.html');
  } else {
    win.loadURL('http://localhost:3000/');
  }