Я пытаюсь использовать webpack-dev-server для компиляции файлов и запуска веб-сервера dev.

В моемpackage.json У меня есть свойство скрипта, установленное на:

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

Итак--hot а также--inline следует включить веб-сервер и горячую перезагрузку (насколько я понимаю).

В моем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, который хранится в памяти, никогда не становится доступным для браузера

На этой второй странице я вижу это, потому что в окне браузера заполнители vue никогда не заменяются, и если я открываю консоль javascript, экземпляр Vue никогда не создается и не становится доступным глобально.

Что мне не хватает?