如何将Electron文件从“需要”转换为“导入”以用于TypeScript？ Angular2 +

Question

I have followed the official Electron tutorials along with a few others online and created the files associated within my directories. However, the files shown in the tutorials are JavaScript rather than TypeScript as I am using this within Angular.

Is there any way in which the files I have created can be converted from using require to actually import ing them?

Electron getting started guide

I have seen in the past doing things like import * as component from './...' , but I'm unsure as to importing multiple components from the same source such as:

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

electronStart.ts (this is called main.js in the tutorial, but there is already a file of this name generated by 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');

is equivalent to

import { app, BrowserWindow } from 'electron';

whereas

const electron = require('electron');

is equivalent to

import * as electron from 'electron';

and

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

should be possible to rewrite as

import { createWindowsInstaller } from 'electron-winstaller';

It's confirmed it behaves like this in Angular 6.1 at least, with TypeScript 2.9. With previous TS version there can be some minor issues because they recently improved interop.

Anyway you'll need to setup another build pipeline to compile TS to JS before loading it with Electron.

Answer 2

More of an IDE issue I think.

Make a global search and replace with regexes :

 const regex = /const ([a-zA-Z0-9]*) = require\\(('.*')\\)/ const str = `const lodash = require('lodash');` console.log(str.replace(regex, `import * as $1 from $2`)); 

(This one is just an example, you should make other ones, I'm just giving you the way to go)