JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 使用bundle.js时在浏览器中反应调试大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
工具:Chrome Developer Tools,ReactJs和Webpack

也许是当我切换到与webpack捆绑在一起,但是最初当我开始我的项目时,我能够将我的js绑定到一个bundle.js文件,但仍然可以访问浏览器调试工具中的文件.现在我在js文件夹的浏览器中看到的是bundle.js

使用webpack我如何恢复能够看到浏览器调试器中的所有Javascript文件,@R_814_9447@做插件断点的东西?

解决方法

经过很长时间的无意义地使用一堆打印声明,我终于回头了解如何做到这一点.

以下是捆绑后再次使用断点的能力:

1)

转到您的webpack.config.js文件,并将devtools从“true”更改为“source-map”或@micHelleTilley在其答案中解释的其他选项之一.

webpack.config.js(这里是一个例子)

@H_358_18@module.exports = { entry: "./js/app.js",output: { filename: "js/bundle.js" },debug: true,devtool: "#eval-source-map",module: { loaders: [ { test: /\.jsx?$/,exclude: /(node_modules|bower_components)/,loader: 'babel' } ] } };

2)

也像@micHelleTilley在她的答案中解释,您可能需要在Chrome中启用devtools选项.

3)

之后,当你去调试,你将不得不寻找一个刚刚命名为“”的新文件夹.那是超级注意!

感谢Stackoverflow的答案下面发布的图像我终于找到那个文件夹的位置.

Configure webpack to allow browser debugging

大佬总结

以上是大佬教程为你收集整理的javascript – 使用bundle.js时在浏览器中反应调试全部内容,希望文章能够帮你解决javascript – 使用bundle.js时在浏览器中反应调试所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。