ES6 语法导入 Electron（需要..）

Question

为了学习新的 ES6 语法，我一直在尝试重构一些 JS 代码。

尽管我对整个导入/导出方法感到非常困惑。

如何将此require语句更改为 ES6？

var remote = require('electron').remote

我看过这个答案，但是：

1. 它不起作用
2. 它似乎并不像 ES6 风格

有什么想法吗？

Answer 1

根据这篇文章，似乎在 Node 6 或 Chrome 51 中都没有实现导入，所以 Electron 也不支持它们： https : //discuss.atom.io/t/does-electron-support-es6/19366/18

而且最后一个电子文档不使用导入，它们使用解构语法：

const { BrowserWindow } = require('electron').remote
// or
const { remote } = require('electron')
const { BrowserWindow } = remote

http://electron.atom.io/docs/api/remote/

但是你可以使用带有 require 钩子的 babel： http : //babeljs.io/docs/usage/require/

要自动编译每个必需的模块，以便您能够使用导入。 当然，给电子的脚本（需要 babel 的那个）没有编译，所以你需要做一个引导程序：

// bootwithbabel.js
require("babel-register");
require( process.argv.splice(2) );

在外壳（sh）中：

electron bootwithbabel.js app.es
alias electrones="electron bootwithbabel.js "
electrones coron.es // ^^

然后在您的应用程序中，您可以编写：

import electron from 'electron';
import { remote } from 'electron';

您也可以只导入远程模块：

import { remote } from 'electron';

但是您只能在一个语句中导入两者：

import electron, { remote } from 'electron'

electron.ipcRenderer.on();
let win = new remote.BrowserWindow({width: 800, height: 600});
remote.getGlobal(name)

操场

Answer 2

尽管我对整个导入/导出方法感到非常困惑。

混合不同的模块系统确实会令人困惑。

1. 它不起作用

const electron = require('electron');
const remote = electron.remote;

和你拥有的完全一样

var remote = require('electron').remote

如果你的工作，另一个也会。 但是，我只会坚持你的。

2. 它似乎并不像 ES6 风格

谁在乎？ Node 本身不支持 ES6 imports和exports并且还不清楚 CommonJS 模块应该如何映射到 ES6 模块。 如果您只是为 Node 编写代码，我建议您坚持使用require 。

---

你可以尝试做

import electron from 'electron';
const {remote} = electron;

Answer 3

如今，每个版本的 Electron 都带有基本的打字稿支持。 因此，如果您在项目中使用 TS 或 TSX 文件，那么您可以在该文件中使用 ES 导入语句。 是否使用 ES 模块。

https://www.electronjs.org/blog/typescript