Webpack dev-server cannot see code changes

Question

I start learning about webpack configuration and cannot see the effect of changes made on files. My webpack.config.js

...

   devServer: {
    watchFiles: ["src/**/*.js", "css/**/*", "src/**/*.html"],
    static: {
      directory: path.join(__dirname, "dist"),
    },
    liveReload: true,
    port: 5000,
    open: true,
  },

...

Thanks in advance.

Answer 1

Solved... Add devMiddleware like here:

devServer: {
devMiddleware: {
  writeToDisk: true,
},