0

你好 StackOverflow 社区！

我的团队正在开发一个 ruby​​ on rails 项目，其中一些部分是用 react 编写的。我们正在使用 webpacker gem 将 js 文件打包成包。

我正在尝试设置 WebStorm 来处理我们的项目，但调试器出现问题 - webstorm 没有遇到任何断点。我正在启动rails s并./bin/webpack-dev-server在单独的终端实例中，安装 chrome 扩展并创建 JavaScript 调试配置，指向反应应用程序所在的视图（在端口 3000 上）。还添加devtool: 'eval'到 webpack 配置中。在 chrome 开发工具中，我看到了webpack://源代码，并且可以在那里成功设置断点。

如何配置此工具以使断点工作？

4

1 回答 1

0

通常，调试与 webpack 捆绑的应用程序所需要做的就是确保正确生成源映射。这里最好的选择是devtool: 'source-map'（参见https://webpack.js.org/configuration/devtool/）。evalsourcemap 不准确，也不太适合调试（质量是“生成的代码”而不是“原始代码”）。在某些情况下，您可能还需要指定 URL 映射 - 请参阅https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/了解更多信息。但是没有适用于每种配置的通用指令 - 因为您可以通过多种方式配置 webpack。因此，除非您提供要调试的项目，否则我几乎无法就确切步骤提供建议

于 2017-11-28T14:44:16.737 回答