system.js 加载脚本时如何要求('electron')

How to require('electron') when script is loaded by system.js

我正在尝试在电子应用程序中使用 Aurelia 和 SystemJs;

我有一个相当基本的app-window.js

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

document.getElementById("close-btn").addEventListener("click", function (e) {
  var window = remote.getCurrentWindow();
  window.close();
});

...

如果我像正常使用它一样使用它 html 脚本 (<script src="app-window.js"></script>) 它工作得很好。

但是,如果我有 systemJS 导入它:

<script>
    System.import('app-window.js');
</script>

我收到错误:

system.js:4 GET file:///D:/Code/aurelia-electron-typescript/output/electron.js net::ERR_FILE_NOT_FOUND

我也在配置中设置了 transpiler: false

不幸的是,我想吃蛋糕并吃掉它,因为我想将 Aurelia 的依赖注入与电子的远程处理功能混合在一起。

有没有办法让 system.js 不干扰电子的 require

经过快速实验...如果脚本显式加载系统,它会神奇地工作:

打字稿:

export class AppWindow
{  
  constructor()
  {
    var remote = require('electron').remote;

    document.getElementById("close-btn").addEventListener("click", function (e) {
      var window: Electron.BrowserWindow = remote.getCurrentWindow();
      window.close();
    });
  }
}
var appWindow:AppWindow = new AppWindow()

编译为 [es6,系统] 时:

System.register([], function(exports_1, context_1) {
    "use strict";
    var __moduleName = context_1 && context_1.id;
    var AppWindow, appWindow;
    return {
        setters:[],
        execute: function() {
            class AppWindow {
                constructor() {
                    var remote = require('electron').remote;
    ...

...工作得很好。