debug webpack webstorm reactjs (2019)





Package.json configuration

First of all you have to create a new Debugging script like this:

Terminal:
"debug": "node $NODE_DEBUG_OPTION node_modules/.bin/webpack-dev-server --config ./path/to/webpack.config.js"


webpack configuration

You have to add this command line:
Terminal:
devtool: 'eval-source-map'


Editor configuration

and then you have to cofigurate your IDE:

NPM


JAVASCRIPT REMOTE debug



configure browser debug




example package.json and webpack https://drive.google.com/file/d/1MRDj84Yn9iHAP-u_OeDJLshxB_82sdOV/view?usp=sharing







Source: https://stackoverflow.com/questions/38800164/intellij-idea-how-can-i-create-an-breakpoint-that-debug-webpack


https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/











cirelramos

0 comentarios :

Suscribirse a: Enviar comentarios ( Atom )