webpack-dev-server 热重载不适用于 webpack4

Question

我已经按照guide 配置 webpack hmr，但它确实完全重新加载。当我将hotOnly 选项添加到true 时，页面没有进行完全重新加载或部分重新加载，但我可以看到请求main.1a4a7c39c73281101038.hot-update.js 正在控制台中发送。

我看过这个问题：webpack-dev-server hot reload not working 并不能解决我的问题。

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 上查看此演示

Answer 1

您可以使用watchOptions

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

“热”选项默认开启，所以不需要它。
"watchContentBase" 默认也是 true。