Я намагаюся використовувати 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 запускається, перевірка модуля завантажувача працює (тобто, коли я зберігаю будь-який файл .vue, веб-пакет перекомпілюється), але:
- Браузер ніколи не оновлюється
- Складений javascript, який зберігається в пам'яті, ніколи не стає доступним для браузера
У той другий маркер я бачу це, оскільки у вікні браузера заповнювачі vue ніколи не замінюються, і якщо я відкрию консоль javascript, екземпляр Vue ніколи не створюється і не стає доступним у всьому світі.
Чого мені не вистачає?