Question

我有webpack的这个配置，我注意到它在bundled_index.js中产生了一些垃圾，这阻止我使用Firebug控制台正确调试。

eval("module.exports = function(module) {\r\n\tif(!module.webpackPolyfill) {\r\n\t\tmodule.deprecate = function() {};\r\n\t\tmodule.paths = []; ...

我最终得到了像这样奇怪的字符串：

ReferenceError: onTestFunction is not defined
bundle.js%20line%304511%20%3E%20eval:122:9

捆绑包不应该把我的React组件中的代码放在一个文件中吗？我记得曾经这样做，但我认为升级后它开始生成这些奇怪的捆绑js文件，如何在没有获得早期版本的webpack的情况下获得正常行为？

此外，当我在出现错误时单击该文件时，它会将我重定向到index.html文件而不是触发错误的js文件。

mail bcc: '', body: "Job name: ${env.JOB_NAME} ", cc: '', charset: 'UTF-8', from: '', mimeType: 'text/html', replyTo: '', subject: "ERROR CI: Project name -> ${env.JOB_NAME}", to: "foo@foo.com";

任何提示，建议或答案？

Answer 1

你应该安装chrome的“react develop tool”或使用这个配置

devtool:'cheap-source-map',
devtool: 'cheap-module-source-map'

more issues

Answer 2

问题是Firefox上默认禁用了源映射。我通过转到about：config并启用它来启用它。

配置webpack捆绑js文件，以便在React中轻松调试和开发？

2 个答案: