HMR not working even with simple example

I am opening an issue because no one answered me on StackOverflow and I don’t know whether this is a bug or I am doing something wrong

• Operating System: Ubuntu 19.04
• Node Version: 12.1.0
• NPM Version: 6.9.0
• webpack Version: 4.30.0
• mini-css-extract-plugin Version: 0.6.0

Expected Behavior

I was expecting hmr to work with that configuration

Actual Behavior

Nothing happens, even on simple example

Code

const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
  plugins: [
    new MiniCssExtractPlugin({
      filename: "[name].css",
    }),
  ],
  entry: ["./style.css", "./app.js"],
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              publicPath: "../",
              hmr: process.env.NODE_ENV === "development",
              reloadAll: true,
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

How Do We Reproduce?

Here is link to repo with simple config and structure https://github.com/filipw01/mini-css-with-hmr

[ouweiya]

I just started getting into this plugin and I also encountered the same problem. I found that process.env.NODE_ENV is undefined, so hmr: process.env.NODE_ENV === 'development' always false,

I think it may be me, the configuration error in other places, in short is not a problem with this plugin.

[filipw01]

Because hmr isn’t working and that was supposed to be the forcefull way to reload (which isn’t working anyway)