title: Webpack not building the most recent changes
body: <p>I am working on a fairly simple project from <a href="https://medium.com/ethereum-developers/the-ultimate-end-to-end-tutorial-to-create-and-deploy-a-fully-descentralized-dapp-in-ethereum-18f0cf6d7e0e" rel="nofollow noreferrer">https://medium.com/ethereum-developers/the-ultimate-end-to-end-tutorial-to-create-and-deploy-a-fully-descentralized-dapp-in-ethereum-18f0cf6d7e0e</a></p>
  <p>Since the tutorial doesn't focus on the frontend part(webpack and babel and other things), I picked up these steps from different places.</p>
  <p>Now I was trying to build the front using webpack and http-server, but I realized that it is not updating with the changes that I am making to the file.</p>
  <p>webpack.config.js</p>
  <pre><code>const path = require('path')
  module.exports = {
     entry: path.join(__dirname, 'src/js', 'index.js'), // Our frontend will be inside the src folder
     output: {
        path: path.join(__dirname, 'dist'),
        filename: 'build.js' // The final file will be created in dist/build.js
     },
     module: {
        rules: [{
           test: /\.css$/, // To load the css in react
           use: ['style-loader', 'css-loader'],
           include: /src/
        }, {
           test: /\.jsx?$/, // To load the js and jsx files
           loader: 'babel-loader',
           exclude: /node_modules/,
           query: {
              presets: ['@babel/preset-env', '@babel/preset-react']
           }
        }]
     }
  }
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;test-app&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.10.2&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.10.2&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.10.1&quot;,
      &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
      &quot;css-loader&quot;: &quot;^3.5.3&quot;,
      &quot;json-loader&quot;: &quot;^0.5.7&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;style-loader&quot;: &quot;^1.2.1&quot;,
      &quot;web3&quot;: &quot;^0.20.0&quot;,
      &quot;webpack&quot;: &quot;^4.43.0&quot;,
      &quot;webpack-cli&quot;: &quot;^3.3.11&quot;
    },
    &quot;directories&quot;: {
      &quot;test&quot;: &quot;test&quot;
    },
    &quot;dependencies&quot;: {},
    &quot;description&quot;: &quot;&quot;
  }
  </code></pre>
  <p>I build it using</p>
  <pre><code> npx webpack --config webpack.config.js  
  </code></pre>
  <p>and then serve it</p>
  <pre><code> http-server dist/
  </code></pre>
  <p>How do I fix this? And is this even the right way to do it?
  Thanks.</p>