简体   繁体   中英

How to debug in chrome for webpack+reactjs+babel

I setup webpack-dev-server to serve as my development server. It packages all my source codes into one big javascript. It works fine but how I can debug my source code in chrome. I am able to open my js source code on chrome develop tool panel. But the breakpoints I added were not called during execution. Is there any plugin or extension I need to install?

React developer tools is the best tool for debugging in the console.

Here is the link to the chrome extension and quick docs:

https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM