electron - 如何从构建的 HTML(dist)构建 Electron 应用程序？

Question

我一直在搜索互联网，但我找不到答案。我只是想知道我是否可以使用构建的 HTML。
把事情说清楚。我创建了一个 vue-CLI 项目。我通过运行 npm run build 创建了一个构建的 HTML .
运行 npm run build 将创建一个带有索引 HTML 及其所需资源的 dist 文件夹。
现在我想在 Electron 中添加它。这可能吗？

Answer 1

如果您的项目只是客户端 html，那么它就可以开始了:只需使用最小的 Electron 示例之一，并将您的 index.html 设置为起始页。

如果它连接到后端服务器(例如访问数据库)，它仍然可以这样做，但这意味着应用程序将无法脱机运行。

值得考虑为什么你想要一个 Electron 应用程序，而不仅仅是一个 Web 应用程序。例如。您是否遇到了桌面应用程序没有的网络应用程序的任何安全限制或其他限制？如果不是这样，打包为一个 Electron 应用程序可能只是花费在没有人想要或需要的东西上。

由于您使用 vue-cli 构建，因此可能值得查看 Quasar Framework它是 Vue 的 package 器，带有准备就绪的 Electron 和 Mobile 目标。您实际上不必使用他们的任何 UI 组件来获得它。