Webpack-dev-server编译文件，但不刷新或使编译的javascript对浏览器可用

我正在尝试使用webpack-dev-server来编译文件并启动dev Web服务器。

在我package.json中，脚本属性设置为：

"scripts": {
  "dev": "webpack-dev-server --hot --inline",
 }

因此--hot和--inline应该启用Web服务器和热重载（据我所知）。

在我的webpack.config.js文件中，设置入口，输出和devServer设置，并添加加载程序以查找.vue文件中的更改：

module.exports = {
    entry: './src/index.js',
    output: {
        path: __dirname + '/public',
        publicPath: '/public',
        filename: 'bundle.js'
    },
    devtool: 'source-map',
    devServer:{
        contentBase: __dirname + '/public'
    },
    module:{
        loaders:[
            { test: /\.vue$/, loader: 'vue'}
        ]
    }
};

因此，使用此设置，我运行npm run dev。webpack-dev-server启动，模块加载程序测试成功（即，当我保存任何.vue文件时，它将导致webpack重新编译），但是：

• 浏览器永不刷新
• 存储在内存中的已编译javascript永远不会对浏览器可用

On that second bullet, I can see this because in the browser window the vue placeholders are never replaced and if I open up the javascript console the Vue instance is never created or made available globally.

What am I missing?