Html-webpack-plugin: No output building template with webpack-dev-server

Created on 15 Jul 2016 · 2Comments · Source: jantimon/html-webpack-plugin

I'm using a pug/jade template for index.html. If I have an empty build directory, run webpack-dev-server (which handles processing the template), there's no index.html actually output to the build directory. An abbreviated version of my webpack.config.js is below.

const config = {
  entry: 'client/index.jsx',
  output: {
    path: 'build',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'react-hot!babel',
        exclude: /node_modules/
      },
      {
        test: /\.pug$/,
        loader: 'jade'
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      filename: 'build/index.html',
      template: 'index.pug',
      cache: false
    }),
  ],
  devServer: {
    contentBase: OUTPUT_PATH,
  }
};

This config file works just fine if I run webpack directly. It's when I run webpack-dev-server that nothing is output.

Source