How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?

by

Something like this worked for me. I am guessing this should work for you.

Run webpack-dev using this

webpack-dev-server --host 0.0.0.0 --port 80

And set this in webpack.config.js

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

Note If you are using hot loading, you will have to do this.

Run webpack-dev using this

webpack-dev-server --host 0.0.0.0 --port 80

And set this in webpack.config.js

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]

More Related Contents:

  1. Webpack how to build production code and how to use it
  2. React-router with BrowserRouter / browserHistory doesn’t work on refresh
  3. Error message “error:0308010C:digital envelope routines::unsupported”
  4. ‘npm start’ returns error: “There might be a problem with the project dependency tree”
  5. Angular 6 many Can’t resolve errors (crypto, fs, http, https, net, path, stream, tls, zlib)
  6. npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
  7. npx command not found
  8. Jest gives `Cannot find module` when importing components with absolute paths
  9. Get version number from package.json in React Redux (create-react-app)
  10. Webpack 4 “size exceeds the recommended limit (244 KiB)”
  11. How to organise file structure of backend and frontend in MERN
  12. How to fix “FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory” error
  13. Find the version of an installed npm package
  14. NPM Install Error:Unexpected end of JSON input while parsing near ‘…nt-webpack-plugin”:”0’
  15. Using npm behind corporate proxy .pac
  16. can you host a private repository for your organization to use with npm?
  17. Angular2 QuickStart npm start is not working correctly
  18. Node Sass couldn’t find a binding for your current environment
  19. How to consume npm modules from typescript?
  20. How to send email from my react web application
  21. Webpack output is empty object
  22. npm install hangs
  23. Error “npm WARN package.json: No repository field”
  24. What is the difference between res.send and res.write in express?
  25. Is there any way to fix package-lock.json lockfileVersion so npm uses a specific format?
  26. Cannot uninstall angular-cli
  27. The best way to run npm install for nested folders?
  28. libsass bindings not found when using node-sass in nodejs
  29. npm ERR! git dep preparation failed when trying to install package.json
  30. Invalid options object. Dev Server has been initialized using an options object that does not match the API schema

Leave a Comment