горячая перезагрузка webpack-dev-server не работает с webpack4

Я следовал этому руководству по настройке webpack hmr, но он делает полную перезагрузку. Когда я добавляю параметр hotOnly в true, страница не выполняет полную перезагрузку или частичную перезагрузку, но я вижу, что запрос main.1a4a7c39c73281101038.hot-update.js отправляется в консоли.

Я рассмотрел этот вопрос: горячая перезагрузка webpack-dev-server не работает и не могу решить мою проблему.

webpack.config.js

devServer: {
    port: 15000,
    hot: true,
    contentBase: path.resolve(__dirname, 'dist'),
    watchContentBase: true
  }

package.json

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --mode production",
    "start": "webpack-dev-server"
  },
"devDependencies": {
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^4.2.0",
    "file-loader": "^6.0.0",
    "html-webpack-plugin": "^4.3.0",
    "style-loader": "^1.2.1",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  }

Вы можете проверить эту демонстрацию на github


webpack-hmr
person user1434702    schedule 04.08.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать watchOptions.

watchOptions: {
  poll: true,
  ignored: '/node_modules/',
},

По умолчанию опция hot включена, поэтому она не нужна.
watchContentBase также по умолчанию true.

person Urakov Aliaskar    schedule 27.08.2020
comment
некоторым компьютерам этот код не нужен для запуска, а некоторым нужен, я не знаю почему - person May'Habit; 09.11.2020