🤩 New Cool Developer Tools for you. Explore →
FREE JavaScript Video Series Start Learning →
FLAT 75% OFF All Interactive courses at flat ₹250 / $3.25 only. HURRRRRY!! Explore now
  Signup/Sign In
Tests
MCQs to test your knowledge.
Forum
Engage with the community.
Compilers
Compilers to execute code in browser.
← Back to Questions
Ask Question
Not satisfied by the Answer? Still looking for a better solution?
Ask Question

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

I am new to the whole nodejs/reactjs world so apologies if my question sounds silly. So I am playing around with reactabular.js.

Whenever I do a npm start it always runs on localhost:8080.

How do I change it to run on 0.0.0.0:8080 to make it publicly accessible? I have been trying to read the source code in the above repo but failed to find the file which does this setting.

Also, to add to that - how do I make it run on port 80 if that is at all possible?
npm reactjs nodejs
by

2 Answers

espadacoder11
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?<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?<0.0.0.0:80>',

    'webpack/hot/only-dev-server',

     config.paths.demo

 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]
RoliMishra
This is how I did it and it seems to work pretty well.

In you webpack.config.js file add the following:

devServer: {

    inline:true,

    port: 8008

  },

Obviously you can use any port that is not conflicting with another. I mention the conflict issue only because I spent about 4 hrs. fighting an issue only to discover that my services were running on the same port.

Login / Signup to Answer the Question.

LoginSignup