Jason Lam Jason Lam - 1 year ago 726
Node.js Question

Webpack-dev-server serves a directory list instead of the app page

enter image description here

I can only see the actual app under


The configs in
are below:

var path = require('path');
var webpack = require('webpack');

module.exports = {

entry: [

output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js',
publicPath: 'http://localhost:8080'

module: {
loaders: [
test: /\.js$/,
loaders: ['react-hot', 'babel-loader'],
exclude: /node_modules/

plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()


The project hierarchy is:

  • app

    • js

  • node_modules

  • public

    • css

    • img



  • package.json

  • webpack.config.js

How can I modify to make sure the
entry is for the application per se?

Answer Source

If you're using webpack's dev server you can pass in options to use /public as a base directory.

devServer: {
    contentBase: "./public",
    hot: true

See the webpack configuration docs, and specifically the webpack dev server docs for more options and general information.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download