Webpack: Debugging build scripts (not the app)

Question

I would like to debug the webpack scripts , not the produced app !

How can I configure the build scripts to be launched / used by a node debugger such as devtool ?

Michael Jungo · Accepted Answer · 2017-02-26 23:39:35Z

2

The webpack binary you run is just JavaScript, so you can debug it like any other script you run. When you install webpack, a symlink ./node_modules/.bin/webpack is added that refers to webpack.js. You can run the node debugger with:

node debug ./node_modules/.bin/webpack [options]

Or if you want to use Chrome devtools you add the --inspect flag:

node debug --inspect ./node_modules/.bin/webpack [options]

answered Feb 26, 2017 at 23:39

Michael Jungo

33.2k4 gold badges97 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dmitry Nevzorov Over a year ago

I would add just that your config might be node debug ./node_modules/.bin/webpack [options] as in my case (Windows, webpack 3) ./node_modules/.bin/webpack leads to an error.

Collectives™ on Stack Overflow

Webpack: Debugging build scripts (not the app)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related