Debug Webpack app with Webstorm - Tuong-Nguyen/JavaScript-Structure GitHub Wiki

Please follow the link https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/ for setting up Webstorm to debug application bundled with WebPack

Here are steps which should be noticed:

  • WebPack configuration: devtool: "source-map"
  • Build output files (bundles file and source map files).
  • Add a JavaScript Debug configuration
  • Set the Remote URL for the webpack output folder.