电子:require(‘require’)的语义是什么？

Question

我在一个电子应用程序上工作，正在努力理解如何从我的渲染器中运行的脚本中访问文件。因此，我尝试将main.js知道的文件系统路径与呈现UI的脚本共享。

我使用这个例子作为指导：

https://github.com/hokein/electron-sample-apps/tree/master/helloworld-sharedobj

在编写示例时，我可以让它工作得很好。但是，我需要路径的地方并不是index.html，而是呈现UI的脚本中的路径，这些脚本位于~/js文件夹中。

然而，如果我将代码移动到脚本，当我尝试解析时，我得到一个错误，它“无法解析模块的电子”( var remote = require('electron').remote; )

我很糟糕地解决了这个问题，把代码留在了index.html中，并把"remote“变成了一个全局变量。这不是做这件事的正确方式。

我需要做什么才能访问我的JavaScript代码中的‘电子’模块？

Answer 1

如果您使用的是webpack(最新版本)作为模块捆绑包，可以在渲染器配置中设置开发目标。

module.exports = {
 target: 'electron-renderer',
}

如果你没有在你的项目中使用webpack，那么你可以试试下面的代码。

var remote = window.require('electron').remote;

Answer 2

我不完全确定我是否理解你的问题，但我猜你想做这样的事情：

// index.html
<script>
  require('path/to/my-js-file');
</script>

// my-js-file.js
var remote = require('electron').remote;

Answer 3

我正在尝试为一个SPA维护一棵树，它既是一个webapp (相对路径很酷)，也是一个file://-app (相对路径看起来不太酷)，可以和Electron一起运行。

换句话说，在main.js文件中，我可以发布一个新的渲染器窗口来打开~/public/index.html，但是我很难找到一种方法来打开在我的.js文件中作为相对路径(到/public)的img和css文件。

到目前为止，修复方法是使用电子窗口便利方法

https://github.com/jprichardson/electron-window

按照这里的示例，我选择了所示的绝对路径，现在我的脚本可以满足它们的需求了。