我正在运行我的节点应用程序:
"./node_modules/nodemon/bin/nodemon.js --ignore ./build/* ./bin/www --exec babel-node --debug=7001",
当我连接WebStorm远程配置时,它似乎可以工作,但放置断点会导致它们被忽略,或者代码实际上停在不同的行。
这可能是由于巴贝尔的转变。考虑到我的代码是在运行时编译的,我怎么能这样做呢?
我的.babelrc文件:
{
"presets": ["es2015", "stage-2"],
"plugins": ["transform-runtime"]
}
答案 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中的原始源文件中放置断点,并确保它们被命中,然后编译的代码是 在浏览器中执行。