title: Express.static() not working
body: <p>I have following server code:</p>
  
  <pre><code>var express = require('express');
  var webpack = require('webpack');
  var app = express();
  
  //app.use(express.static(path.join(__dirname, "public")));
  app.use("/", express.static(__dirname + "/public"));
  //both not working. I have tried multiple ways....
  
  app.get("/",function (req, res){
  res.sendFile(__dirname + "/public/index/index.html")
  });
  
  
  app.listen(3000);
  </code></pre>
  
  <p>Webpack configs</p>
  
  <pre><code>module.exports = {
  entry: './app/index/index.js',
  output: {
      path: path.resolve(__dirname, 'public/index'),
      publicPath: '/public/index',
      filename: 'index_bundle.js'
  },
  module: {
      rules: [
          { test: /\.(js)$/, use: 'babel-loader' },
          { test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
      ]
  },
  plugins: [
      new HtmlWebpackPlugin({
          template: 'app/index/index.html'
      })
  ]};
  </code></pre>
  
  <p>Following directory structure:</p>
  
  <pre><code>      -public
          -index
            -index_bundle.js
  </code></pre>
  
  <p>I get the following error when I try to load my index_bundle js:</p>
  
  <blockquote>
    <p>GET <a href="http://localhost:3000/public/index/index_bundle.js" rel="nofollow noreferrer">http://localhost:3000/public/index/index_bundle.js</a> 404 (Not Found)</p>
  </blockquote>
  
  <p>I can't fix it and I found no solution on the web.</p>