For the webpack settings it should be considered to create a development and a deployment setting. This hasn't been desirable up to now since the embedding of the files using paths, as described below.
Use the webpack dev server. The command that can be used in package.json:
npm run devServer
Instructions for using dev server:
https://webpack.github.io/docs/tutorials/getting-started/ (general tutorial)
https://webpack.github.io/docs/webpack-dev-server.html (specifics)
Apparent problem: the webpack dev server is serving the build files at location http://localhost:8081/[files]. Simply embedding the compiled files using a relative path in the html therefore does not work, since the files are only there on deployment and not while developing. Bottom of specifics doc shows a probable solution.
For the webpack settings it should be considered to create a development and a deployment setting. This hasn't been desirable up to now since the embedding of the files using paths, as described below.
Also relevant setting for react, which is in debug mode by default: https://facebook.github.io/react/docs/package-management.html
Use the webpack dev server. The command that can be used in package.json: npm run devServer Instructions for using dev server: https://webpack.github.io/docs/tutorials/getting-started/ (general tutorial) https://webpack.github.io/docs/webpack-dev-server.html (specifics) Apparent problem: the webpack dev server is serving the build files at location http://localhost:8081/[files]. Simply embedding the compiled files using a relative path in the html therefore does not work, since the files are only there on deployment and not while developing. Bottom of specifics doc shows a probable solution.