Webpack HMR Bug

app.js

import { log } from './logger.js'

log()

module.hot.accept('./logger.js', () => log())

logger.js

export function log() {
  // toggle these, they should be printed to the screen one after another

  document.body.innerText += 'foo\n'
  // document.body.innerText += 'bar\n'
}

package.json

{
  "license": "MIT",
  "dependencies": {
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.1"
  },
  "scripts": {
    "start": "webpack-dev-server --hot"
  },
  "devDependencies": {
    "html-webpack-plugin": "^2.30.1"
  }
}

webpack.config.js

'use strict'

const { HotModuleReplacementPlugin, NamedModulesPlugin } = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  context: __dirname,
  entry: {
    app: './app.js'
  },
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
    publicPath: '/'
  },
  plugins: [
    // new NamedModulesPlugin(), // causes error
    new HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin()
  ]
}