webpack serve — страница автоматически не обновляется

Содержимое сайта отображается, но при внесение каких либо изменений контент автоматически не подгружается. Изменения применяются только при обновлении страницы.

Запускаем с помощью команды  

npm run dev

Конфигурация файла package.jsonследующая

...
"scripts": {
  "dev": "webpack serve --mode=development --open --progress --hot",
},
...
"devDependencies": {
  "webpack": "^5.38.1",
  "webpack-cli": "^4.7.2",
  "webpack-dev-server": "^3.11.2"
}Code language: JavaScript (javascript)

В моем случае помогло добавление target: 'web' в файл webpack.config.js

var path = require('path')
var webpack = require('webpack')

module.exports = {
  target: 'web',
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },
...
  devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
  },
}Code language: JavaScript (javascript)

Также возможны другие параметры для target. С ними можно ознакомится тут 

Добавить комментарий