webpack - HotModuleReplacementPlugin 和 react-hot-loader 都失败了

Question

找出解决这些webpack.config.js问题的方法让我大吃一惊。在entry属性中，它说找不到定义的目录；./node_modules/由于软件包位于文件夹中，因此我尝试添加node_modules，但仍然失败。在plugins财产中，它说：

new webpack.HotModuleReplacementPlugin 不是构造函数

我试图删除webpack但它说：

HotModuleReplacementPlugin 未定义

webpack.config.js：

var webpack = require('webpack');
var path = require('path');
var UglifyJsPlugin = require('uglifyjs-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: [
    'react-hot-loader/patch',
    'webpack-dev-server/client?http://localhost:8080',
    'webpack/hot/only-dev-server',
    path.join(__dirname, 'main/components/src')
  ],
  devtool: 'inline-source-map',
  output: {
    path: path.join(__dirname, 'main/components/build'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: ['es2015', 'react']
            }
          }
        ],
        exclude: '/node_modules/'
      },
      {
        test: /\.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader']
      },
      {
        test: /\.html$/,
        loader: 'html-loader'
      }
    ]
  },
  devServer: {
    contentBase: path.join(__dirname, 'main/components/src'),
    inline: true,
    hot: true
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.HtmlWebpackPlugin({
      title: 'React App',
      filename: './main/index.html',
      inject: 'body'
    }),
    new webpack.UglifyJsPlugin(),
  ]
}

我非常感谢任何可以帮助我解决这些问题的人的回答。