title: How can I setup my react app in ubuntu server
body: <p>I completed few tasks in react js and I want to move them to server for my client review. But I don't know, how to ru this react app in server. Currently I am using <a href="http://localhost:3000" rel="nofollow noreferrer">http://localhost:3000</a> </p>
  
  <p>Here I have couple of questions.
  1. Do we need to configure all the necessary settings in ubuntu server as well..?
  2. I have a IP address pointed to my Ubuntu. So, how can I use that IP for running the app in server?</p>
  
  <p>Here is my webpack.production.js file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>var path = require('path');
  var webpack = require('webpack');
  module.exports = {
    entry: './main.js',
    output: {
      path: path.join(__dirname, '/dist/assets'),
      filename: '[name].bundle.js',
      publicPath: '/',
      sourceMapFilename: '[name].map'
    },
  
    plugins: [
      new webpack.LoaderOptionsPlugin({
        minimize: true,
        debug: false
      }),
      new webpack.optimize.UglifyJsPlugin({
        beautify: false,
        mangle: {
          screw_ie8: true,
          keep_fnames: true
        },
        compress: {
          screw_ie8: true
        },
        comments: false
      })
    ],
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
          query: {
            presets: ['es2015', 'react']
          }
        }
      ]
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>"scripts": {
      "start": "if-env NODE_ENV=production &amp;&amp; npm run start:prod || npm run start:dev",
      "start:dev": "webpack-dev-server --inline  --history-api-fallback",
      "start:prod": "webpack &amp;&amp; node server.js",
      "build": "webpack -p --config ./webpack.production.config.js",
      "build:dev": "webpack --env=dev --progress --profile --colors",
      "build:dist": "webpack --env=production --progress --profile --colors"
    }</code></pre>
  </div>
  </div>
  </p>
  
  <p>thanks</p>