NW.js (node-webkit) 和 Vue.js 问题需要系统信息模块

问题描述

我有一个将 NW.js 与 Vue.js 结合使用的项目。问题是我不能在 Vue.js 中包含 systeminformation 模块,因为根据 documentation(参见核心概念部分)这个库在 chromium 内部不起作用但仅限于服务器端。 如何在 nw.js 中包含这个库以使其全局可用,以便我可以从 vue 代码内部使用它?

我一直在使用一个似乎有效的解决方案,但最近我发现它不是。我一直在做的 - 我在 ./public/index.html 中包含了脚本,它适用于开发但不适用于构建。当我构建应用程序并将其移动到另一个地方时,它只是找不到系统信息 包的路径。

<!-- inside index.html -->

<script>
  const si = require("systeminformation");
</script>

知道如何克服这个问题吗?将不胜感激。谢谢。

解决方法

这取决于您使用 Vue 的方式。如果你正在做一个简单的“CDN”风格,那么看看这个例子:

该存储库中的 README 将提供分步说明。

如果您使用的是 Vue-CLI 样式,那么这应该可行:

该 repo 是 Vue-CLI + NW.js 的完整样板