Nginx host configuration to webpack application developing

hosts

127.0.0.1	localhost
127.0.0.1	mydev.app
192.168.0.2	mydev.app

mydev

# Nginx config file /etc/nginx/sites-available/mydev

# To enable site
# cd /etc/nginx/sites-enabled
# ln -s ../sites-available/mydev .
# sudo service nginx restart; sudo service nginx status

upstream mydev.app {
  server mydev.app:8080;
}

server {
    listen       80;
    server_name  mydev.app;

    location / {
       proxy_pass   http://mydev.app;
       proxy_redirect off;

       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection "upgrade";
    }

}

webpack.config.js

// ...
const HOST = 'mydev.app'

module.exports = {
  // ...
  entry: [
    // ...
    `webpack-dev-server/client?http://${HOST}:8080/`,
    // ....
  ],
  
  devServer: {
    hot: true,
    port: 8080,
    host: HOST,
    contentBase: `${__dirname}/public`,
    historyApiFallback: true
  },
}