如何使用“babel-node --presets es2015,stage-3”为电子应用程序设置 npm start

Posted 2023-02-18

【中文标题】如何使用“babel-node --presets es2015,stage-3”为电子应用程序设置 npm start

【英文标题】：How to set npm start for electron app with "babel-node --presets es2015,stage-3"

【发布时间】：2018-02-11 08:09:43

【问题描述】：

我正在努力让我的npm start 为电子工作。 我知道您通常使用electron . 或./node_modules/.bin/electron . 启动一个未分发/打包的应用程序。由于我正在使用 NodeJS v8.4.0 和 ES6/7 语法，我最终在我的 package.json 中使用了这个 npm start 脚本：

  "scripts": 
    "start": "babel-node main.js --presets es2015,stage-3"
  

一切正常，例如我可以使用import，没有任何问题。现在我想在这个脚本中同时使用电子。我想知道这是否可能？我已经尝试将我的脚本更改为：

  "scripts": 
    "start": "./node_modules/.bin/electron . babel-node main.js --presets es2015,stage-3"

这给了我一个TypeError 用于使用import。

也试过这个：

  "scripts": 
    "start": "babel-node main.js ./node_modules/.bin/electron . --presets es2015,stage-3"
  

这最终什么也没做......

没有进一步膨胀这个问题，我已经尝试了很多改变但没有运气。

是否有任何可能的方式使用babel-node main.js --presets es2015,stage-3 以给定的预设启动电子，这样我就可以使用我的语法而不使用Gulp 例如转译我的文件？

【参考方案1】：

好的，我找到了解决方案。 有一个超级好帮手叫electron-compile 按照 github 网站上的说明操作后，我可以像这样使用我的 npm start：

如果本地安装了电子：

  "scripts": 
    "start": "./node_modules/.bin/electron ."
  

如果 electron 全局安装：

  "scripts": 
    "start": "electron ."
  

【讨论】：

或者如果你在全局安装它：electron .