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/',
},

默认情况下“ hot”选项处于启用状态，因此不需要。
默认情况下，“ watchContentBase”也为true。

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

1 个答案: