Debugging in V2
-
Hello Nodebb community,
I am upgrading to V2 and one of the very first issues I am facing now is debugging of webpacked project. Is there an instruction for noob like me on how to set up my dev environment in more organized manner either in VS Code or Chrome devTools?
I used to add my plugin folders as a workspace in Chrome devTools and automatic binding would allow me to debug the source files:
Sadly I am unable to do the same in V2 due to webpack source mapping not playing nice with Chrome. All I have came up with so far is enabling source-mapping by adding the following to webpack.xxx.js:
devtool: 'source-map'
This allows me to open inspection view of the source-mapped Nodebb project in Chrome devTools and view the scripts-client.js for debugging.
It is not as intuitive and simple as before so I am seeking you assistance.
Thank you all in advance for your guidance.