webpack-dev-server呈现应用程序目录

Question

我正在使用webpack-dev-server渲染我的应用程序。我对其进行了配置，以使其应用于src/client.js文件，而不是通常的index.html。

不幸的是，这是它呈现的内容：

我尝试了几件事，但这是最基本的事情：

首先，我尝试在webpack.config.js文件中指定条目文件

module.exports = {
  context: path.resolve(__dirname, 'src'),
  entry: 'client.js',
  ...

然后，我尝试使用webpack-dev-server标志

webpack-dev-server --entry ./src/client.js

在两种情况下，都没有改变，我仍然在获取目录

如果有的话，这是完整的配置：

const path = require('path')

module.exports = {
  context: path.resolve(__dirname, 'src'),
  entry: 'client.js',
  mode: 'development',
  output: {
    path: `${__dirname}/build`,
    filename: 'index.js',
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              '@babel/preset-react',
              '@babel/preset-env',
            ],
          },
        },
      },
    ],
  },
  devServer: {
    disableHostCheck: true,
    hot: true,
  },
  resolve: {
    modules: [
      'node_modules',
      path.resolve(__dirname, 'src'),
    ],
    extensions: ['.js', '.json', '.jsx', '.css'],
  },
}

我做错了吗？