es6 版 electron 程序 vscode 调试,babel-cli如何使用
发布于 作者:苏南大叔 来源:程序如此灵动~本篇的内容,苏南大叔继续讲述vscode
调试electron
的事情。在上一篇文章中,有关babel-register
这个非常好用的babel
转化插件,大家还记得非常清楚。但是,在文末,苏南大叔也表示了:目前来说,babel-register
就是个治标不治本的方案。所以,在本文中,苏南大叔推出一个指标还治本的方案,那就是babel-cli
。
本文的测试环境:win10
,babel-cli6.26.0
,babel-core6.26.3
。特约嘉宾仍然是改造版的electron-quick-start-es6
。
electron-quick-start-es6
本文为了更加简易的说明问题,就只预设es6
仅仅存在于main.src.js
中一处。下面说明es6
的部分:main.src.js
:
//...
import { app, BrowserWindow } from 'electron'
//...
注意:本文的入口文件的名称,写的是:main.src.js
,而不是main.js
。这个是因为:苏南大叔要使用babel-cli
把main.src.js
编译成main.js
。
.babelrc
:
{
"presets": [
"es2015","stage-0"
],
"sourceMaps": true,
"retainLines": true
}
这个文件是所有的转化的核心所在,已经多次说明过了,就不再复述了。注意:"sourceMaps": true。
总结
babel-cli
和babel-register
相比较而已,babel-register
简单好用,无脑操作,但是治标不治本。babel-cli
用起来有些绕,配置稍稍麻烦些,但是治标也治本。具体的实操过程中,大家选择哪一个,或者用其他的调试方式的话,都是可以的。
更多electron
的相关经验文字,请点击下面的链接查看。


转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。
本站的忠实读者小伙伴,正在阅读下面这些文章: