WebStorm使用Babel远程调试NodeJS

时间:2016-11-10 08:15:53

标签: node.js webstorm babel

我正在运行我的节点应用程序:

"./node_modules/nodemon/bin/nodemon.js --ignore ./build/* ./bin/www --exec babel-node --debug=7001",

当我连接WebStorm远程配置时,它似乎可以工作,但放置断点会导致它们被忽略,或者代码实际上停在不同的行。

这可能是由于巴贝尔的转变。考虑到我的代码是在运行时编译的,我怎么能这样做呢?

我的.babelrc文件:

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"]
}

1 个答案:

答案 0 :(得分:0)

以下是虔诚的文档:https://blog.jetbrains.com/webstorm/2015/05/ecmascript-6-in-webstorm-transpiling/

  

如果您想使用WebStorm或Chrome调试代码,请确保   您正在使用的工具生成源地图。例如,时   仅使用Babel,您需要添加“sourceMaps”:“both”选项   您的.babelrc文件或将其作为命令行参数传递。如果你是   使用Babel作为更复杂的构建过程的一部分,您可能需要   用于生成源地图的附加配置,例如,使用   gulp-sourcemaps与Gulp或添加devtool:“source-map”选项时   使用Webpack。

     

源映射允许您在IDE中的原始源文件中放置断点,并确保它们被命中,然后编译的代码是   在浏览器中执行。