javascript - 如何将 Electron 文件从 'require' 转换为 'import' 以与 TypeScript 一起使用？ Angular 2+

Question

我已经遵循了官方 Electron 教程以及其他一些在线教程，并在我的目录中创建了关联的文件。但是，教程中显示的文件是 JavaScript 而不是 TypeScript，因为我在 Angular 中使用它。

有什么方法可以将我创建的文件从使用 require 转换为实际导入吗？

Electron getting started guide

我过去见过类似 import * as component from './...' 的做法，但我不确定是否从同一源导入多个组件，例如:

const {app, BrowserWindow} = require('electron');

electronStart.ts(在教程中称为 main.js，但 Angular-CLI 已经生成了一个同名的文件)

const {app, BrowserWindow} = require('electron');
const path = require('path');

setupEvents.ts

const electron = require('electron');
const ChildProcess = require('child_process');
 module.exports = {
    ...
 }

createInstaller.ts

const createWindowsInstaller = require('electron-winstaller').createWindowsInstaller;

Answer 1

const {app, BrowserWindow} = require('electron');

相当于

import { app, BrowserWindow } from 'electron';

而

const electron = require('electron');

相当于

import * as electron from 'electron';

和

const createWindowsInstaller = require('electron-winstaller').createWindowsInstaller;

应该可以重写为

import { createWindowsInstaller } from 'electron-winstaller';

已证实至少在 Angular 6.1 和 TypeScript 2.9 中它的行为是这样的。以前的 TS 版本可能存在一些小问题，因为它们最近改进了互操作性。

无论如何，在使用 Electron 加载之前，您需要设置另一个构建管道来将 TS 编译为 JS。