Electron：require('electron') 的语义是什么？答案

【问题标题】：Electron: what's the semantics of require('electron')?Electron：require('electron') 的语义是什么？
【发布时间】：2016-05-05 20:55:35
【问题描述】：

我正在开发一个 Electron 应用程序，并且正在努力了解如何从我的渲染器中运行的脚本访问文件。所以我试图与渲染 UI 的脚本共享 main.js 知道的文件系统路径。

我以这个例子为指导：

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

但是，如果我将代码移动到脚本中，当我尝试 var remote = require('electron').remote; 时会收到错误消息，提示它“无法解析模块 'electron”

我通过将代码留在 index.html 中并将“远程”设置为全局变量来解决了这个问题。这不是正确的做法。

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

【问题讨论】：

基本上你只是想把你的.html和你的前端渲染库分开吧？
我正在尝试了解如何获取绝对路径，以便它们可以与 file:// 一起使用以引入资产（例如 img 和 css）。 IE。在上述要求失败的渲染器进程中；它在 main.js 中可以正常工作，但在我的服务脚本中却不行。

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

我正在尝试为一个 SPA 维护一个树，它既是一个 webapp（相对路径很酷），又是一个更好的词——一个 file://-app（相对路径不看起来很酷）与 Electron 一起运行。

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

目前的修复是使用电子窗口便捷方法

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

【讨论】：